Prevent Image Cropping in Gallery Section Simple Grid (7.1)

For my page with my reference customer logos (www.mustafaicil.com/tr/references), I was using the Gallery Block with the simple grid in 7.0 - all logos perfectly fit in similar size boxes. I moved my site to 7.1 and now with the Gallery Section, simple grid is keeping the original sizes of the logos and cropping them. There is no option for "scale to fit". Have any of you ran into the same issue? Is there a custom code that I can use?

Note: Currently I am using the masonry grid, which is not ideal for my design needs. And even that is cropping sides of some of the logos.

Try adding this code to Website > Website Tools (under Not Linked) > Custom CSS

/* Masonry images */
.gallery-masonry .gallery-masonry-item[data-loaded] img {
    object-fit: contain !important;
}

On 11/12/2023 at 11:35 AM, tuanphan said:

Try adding this code to Website > Website Tools (under Not Linked) > Custom CSS

/* Masonry images */
.gallery-masonry .gallery-masonry-item[data-loaded] img {
    object-fit: contain !important;
}

 

Unfortunately it did not work 😞