Limit gallery-reel-item height to 100px or less

I have a series of logos that I am displaying in a gallery section on my website, and the image files all have a height of 100px. For some reason the squarespace gallery is blowing my images up past their screen resolution. I am trying to set the max-height property of .gallery-reel-item to 100px, however this only results in my images being cropped at larger screen sizes. I would like the images to display proportionally, with their max height being 100px.

Here is my code so far:

[data-section-id="643ee72748c4b66c4c9dfe58"] .gallery-reel-item {
    max-height: 100px !important;
}

Can you share link to page where you use reel? We can check easier

Hi, thanks for the reply. Here is a link: https://elephant-toucan-5x5j.squarespace.com/

I have not launched the site yet, but I think that link should still work.

Can you keep that code in CSS box? We can check easier

Hi, yes, code is back in the css box. Sorry about that. Here's link: https://elephant-toucan-5x5j.squarespace.com/

Try this new code

[data-section-id="643ee72748c4b66c4c9dfe58"] img {
    max-height: 100px !important
}

Hey, thanks. Same result. Crops images at 100px height. I'm wondering if it has to do with the flex nature of  <div class="gallery-reel-wrapper">? Not sure.

On 6/23/2023 at 2:42 AM, Kirkpatrick said:

Hey, thanks. Same result. Crops images at 100px height. I'm wondering if it has to do with the flex nature of  <div class="gallery-reel-wrapper">? Not sure.

I see image looks fine here. Can you check it again?