FIT IMAGES INSIDE OF A HORIZONTAL CAROUSEL CONTAINER

Hello, I would like for my images, both horizontal and vertical, to have the same height within my carousel container without having to assign a universal crop to the images.  Right now it looks like this: 

I would really love for it to look like this:

Where the horizontal images are full size (matching the height of the vertically oriented images.  

Is there any CSS or some other way I could make this happen? 

Thanks in advance for the help.

Roberto 

Please provide your website url.

Hi! It is https://www.robertopatella.com/

Thanks! 

Remove this code from custom css:

.user-items-list-carousel__media {
    object-fit: contain !important;
}

if the above code in not in the custom css, then add this code:

.user-items-list-carousel__media {
    object-fit: cover !important;
}

OK i did that, but now the horizontal images are cropped vertically like this:

On 1/15/2024 at 9:30 PM, Robertopatella said:

OK i did that, but now the horizontal images are cropped vertically like this:

 

 

Hello! Just wondering if you have ever gotten the solution? I would like to achieve the same look but I am struggling to do so!

same problem, do you find a solution?

i just found a workaround, check my post: