Croppped images in gallery view (mobile)

Site URL: https://indigo-sailfish-pd2w.squarespace.com/gallery-2

Hi everyone. I'm trying to resize my gallery view in mobile because my images are horizontal and are getting cropped. I've tried a few different code snippets that I found but none seem to be working. I can modify the gallery's minimum height so that it fits mobile fine, but then it will crop the images' height on desktop view. Appreciate if anyone can give me a hand!

pass beanies2022

Add to Design > Custom CSS

@media screen and (max-width:767px) {
/* List section height */
.user-items-list-item-container[data-section-id="62cbd281cdb16606df4ab82f"] ul {
    min-height: unset !important;
}
}

I think this is the big flaw with squarespace's design. Video and images look different on mobile than desktop but they don't let you change it to make your site responsive. I have the same issue. I'm looking at Webflow which I'd rather not do because it is more complicated but SquareSpace images and video just don't look right on mobile. Good luck!