How do I add a white border around my images/make them look less zoomed in?

[Dike]

Hello everyone!

Almost all of my images are very zoomed in, which makes it hard to see what kind of products I'm offering.


This is supposed to be a bottle of perfume, but it looks nowhere near like it. How can I tweak how the images are shown? I've quite a lot of products and changing them one by one would be a nightmare.

Any help is greatly appreciated!

Thank you.

URL: https://glowee.nl/

[abrarulh]

<style>

.media>img {

object-fit: contain;

}

</style>

paste this code in the stylesheet and check.

[Dike]

Hello, thank you so much for your reply. I don't know where the stylesheet is located, could you tell me the exact location? Thanks!

[abrarulh]

Goto Online Store->Actions->Edit Code->theme.liquid->Search </head> by hitting ctrl+F->paste the entire code above it