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

Store Design
1

Hello everyone!

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

Screen Shot 2021-11-02 at 19.37.27.png
Screen Shot 2021-11-02 at 19.37.27.png295×292 39.6 KB

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/

2
.media>img { object-fit: contain; }

paste this code in the stylesheet and check.

3

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!

4

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