Change size of homepage images for mobile

Howdy- The images (slideshow) on my homepage look fine on desktop, but bad on mobile (iPhone- comes up as very long, narrow image). Is there code to basically make the image size "small" on mobile, while leaving it "large" on desktop? Thanks!

Hi,

What is your site url? We can check easier

Thanks-- www.PetrackPhotography.com

On 3/19/2023 at 3:42 AM, epetrack said:

Thanks-- www.PetrackPhotography.com

Add to Design > Custom CSS

/* Mobile Resize Slideshow */
@media screen and (max-width:991px) {
.gallery-fullscreen-slideshow {
    height: 35vh !important;
}
}

@tuanphan Thanks so much! That did work, so images now look correct on iPhone when holding it vertically. I'm wondering if there's a way to avoid the homepage images turning into very short heights when turning iPhone on its side (while also making sure they continue to look normal on iPad). Thanks again-

Thanks so much!