Gallery of Photographs with Different Orientations

Hello everyone, I am needing a little design help with the Slider function.

I’m trying to make a gallery of images for a photo studio website I’m designing where we take both portrait and landscape style photographs for visitors. Our typical aspect ratio is either 4:3 or 3:4. I want to be able to keep the crop of the photos as close to the original as possible but when I go from Desktop to Mobile versions the auto-cropping and positioning ruin the photos. Does anyone have any ideas for help?


Here is my site Read-Only: https://preview.webflow.com/preview/inverted-experience?utm_source=inverted-experience&preview=724d12ef490b0addf49a5ea7d4eebe82&mode=preview


(how to share your site Read-Only link)