Image width - distorting image on one page only

Site URL: https://star-fennel-h9p3.squarespace.com/

Hey!

I'm using a blog carousel on two pages to simulate a testimonial reel.

I used this to reduce the image size:

.sqs-block-summary-v2 .img-wrapper img, .sqs-block-summary-v2 .sqs-video-wrapper img
{width: 50% !important; 
margin: 0 auto !important;
}

It worked great on one page!

on the second page, it distorted the image! See two screenshots.

Help!

@creedon do you happen to know what I've done wrong on this one! lol 🙂

Please post the site-wide password. We can then take a look at your issue.

@creedon 

Here is the site: https://star-fennel-h9p3.squarespace.com/
Password: website2021

It's on the love page (the distorted one) the one that worked is on the portrait page

Instead of using CSS how about using spacer blocks to shrink the images? So for the love page you could go with 3 cols, 6 cols, 3 cols.

I observed that SS is treating the two summary blocks slightly differently. The one with larger images is having dynamic styling applied to it. Whereas the one with smaller images is not. That is why you are getting different results.

Let us know how it goes.

Interesting! Ok, I just used spacers.

Thanks -L