Lock vertical height of images

Hi there,

As you can see from the attached image, these two images appear to have the same vertical height when displayed full screen but if I make the page smaller, the vertical heights become different.

Is there anyway to lock the vertical heights of images in Squarespace, maybe with some CSS?

Any help would be greatly appreciated.

Thanks

This is because of the responsive design, the row and column height change based on the viewport size to better accommodate smaller screens. This can have an impact on your design, but is generally a good thing, if that height was fixed your website wouldn't look right in other situations.

Thanks for the response.

Is it possible to lock the vertical heights so they are the same? The height of both images could still change depending on the size of the screen.

Can you share your website URL and this page?