Resizing Images in a Gallery Section - Mobile Only

https://san-diego-tours-and-rentals.squarespace.com/corporate-tours-and-private-group-tours

I need to make the images in the gallery section smaller, just on mobile as two of the logos are getting cut off, any thoughts on code?

Try this Custom CSS:

section[data-section-id="651dd91809e3e049b6b4d827"] {
  .gallery-reel {
    height:20vw !important;
  }
}

2 hours ago, Ziggy said:

Try this Custom CSS:

section[data-section-id="651dd91809e3e049b6b4d827"] {
  .gallery-reel {
    height:20vw !important;
  }
}

I've tried playing with this code already but it just does this 😅

Did your chance the value?

On 10/7/2023 at 3:49 AM, Ziggy said:

Did your chance the value?

yes! for example if I use section[data-section-id="651dd91809e3e049b6b4d827"] {
  .gallery-reel {
    height:70vw !important;
  } } it looks like ( see photo) basically I want the logos to not be so wide, if the height cannot change that is fine!

Try this new code

@media screen and (max-width:767px) {
section[data-section-id="651dd91809e3e049b6b4d827"] .gallery-reel {
    height: 25vh !important;
}
section[data-section-id="651dd91809e3e049b6b4d827"] img {
    object-fit: contain !important;
    height: auto !important;
}}