Stop the browser being resized from affecting the size of my image

[Sunglassstudio]

Hi,

This is how my images look when I reduce the size of my browser and on some smaller screens (my boss’s macbook for example)

I don’t want it to do this, I want you to see the whole image at all times, whatever the size of the browser. I like the size of the image, I just want to stop it from being covered up my the text when the page is smaller.

How can I do this? I am using Dawn. This image is on all the product listing pages

Example:

https://sunglass-studio.co.uk/products/ray-ban-clubmaster-6906-mock-tortoise-on-arista-frame-green-polarized-green-t-145-lens

thanks!

o o

[Hey_Jak]

Paste this below code in the custom css section.

.image-with-text__media img {
    object-fit: contain;
    object-position: top;
}

Get help from this one where to put the code:https://youtu.be/I51Zm_4lUAw?t=155&feature=shared