How can I make a full image shown in the Slideshow? I fixed the mobile version, but it keeps cropping for web

Hi! I used the code I've found

section[data-section-id="65df9a33454cdb787b43a9b4"] .gallery-fullscreen-slideshow {
  height: clamp(0px, 56vw, 85vh) !important;
}

to make my images (9:16) fit the mobile screen, but they're still cropped on top and bottom in website version. The slideshow height is already at 100. Could you help me fix it too? Thanks!

https://www.nadiagarber.art/

8 hours ago, tuanphan said:

Try using this CSS code under your code

@media screen and (min-width:992px) {
section[data-section-id="65df9a33454cdb787b43a9b4"] .gallery-fullscreen-slideshow {
    height: clamp(0px, 53vw, 160vh) !important;
}
}

 

Thank you! I also changed 53vw to 56vw here and it's now showing a full height exactly the way I want it! Awesome!