How to a div in CMS where images within it can't exceed the div


I have a cms where I picked a random collection from webflow. It all looked good until I replaced a thumbnail image with an image of my own. And now the whole thing looks off:

I have tried working with heights and widths but can’t make it to work.

Someone know how to make a div where all images within it can’t exceed the box?

Hey @Mourik , this can be fixed utilizing fixed height and overflow hidden.

Select your element CMS_Linkblock-Foto and set it’s height to 230px or your desired height. After that, set the overflow to hidden as shown here:
Screen Shot 2021-08-09 at 10.00.25 AM

Your output will look as such:

Hope this helps!

Thank you for the help. It helped me to create my own solution. Instead of hiding the overflow, I set the width and height of the images to 100 %. And set it on cover!