How can I stop product images from zooming on mobile and desktop?

[Zatura]

Hi Experts,

Whenever I open a product image in mobile or desktop, it is getting zoomed. Please help me to fit the image to the screen width. Shopify doesn’t provide this option in the default theme.

Here’s my website: zatura.in

I have attached the screen recording video for further reference.

[ThePrimeWeb]

Hey @Zatura ,

Try adding this to the Custom CSS box in the Theme Customizer → Settings

.product-media-modal__content.color-accent-2.gradient img {
    height: 100vh;
    width: auto;
}

You can find it here