Image not showing resposnive and its getting cut off image text

Ask the Community General Questions
1
2 Likes
3

Hey there, @Cliantha_Research :wave:

I see that you’ve changed the image ratio to 1:1 and now the images are not getting cropped:

image
image1526×669 119 KB


If you’d like to keep 3:2 image ratio and fix the cropping issue, please add this code to the Custom CSS field on the Appearance tab of your widget’s settings :slightly_smiling_face:

[class*="Text__Container-sc"]:hover [class*="Text__Control-sc"] {
text-decoration: underline;
}

[class*='MediaImage__Container-sc'] img {
    display: block;
    width: 100% ;
    height: 100% ;
    object-fit: contain ;
}