Mobile images size issue Empire theme 2.0

Store Design
,
1

Hello, so we have this issue in our product description.

The problem is that when we use bigger images in our product description they tend to be way oversized for mobile view, VS the smaller pictures that looks just perfect to us, is there a fix for this?

Store URL: https://www.remlagret.se/

Screenshot for reference, the first picture(to the left) is where the problem is:
https://www.remlagret.se/products/drivrem-stiga-st-526-s-snoslunga
https://www.remlagret.se/products/608-c3-skf-8x22x7-kullager

emilbrandon_0-1672225915517.png
emilbrandon_0-1672225915517.png1026×1230 161 KB

Thanks in advance to anyone who has a solution for this.

2

@emilbrandon
put below css into theme.liquid file before closing tag

@media only screen and (max-width: 600px){
td img {
    width: 100px !important;
}
img.site-logo-image {
    width: 100px !important;
}
}
3

Hello, this code fixed part of the issue, but the image in the product description is now 2 small, also we do not want the store logo to become smaller

4

emilbrandon_0-1672228845606.png
emilbrandon_0-1672228845606.png597×1091 56.1 KB

here is a picture of the 2 small one

5

You will need to edit your theme code. You can add the following styles at the bottom of your theme.css asset file:

.pxu-tabs img {

max-width: 100%;

height: auto;

}

In order to learn how to edit theme code, please read the following help topic:

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code

6

Worked as a charm, thank you sir!