How can I reduce the size of a picture on mobile?

So I want to make this picture smaller on mobile because its way to big right now and I have the media size on the smallest setting already.

@ZBZoid ,

Share the store URL.

https://enflameds.com/products/smart-eye-massager-13099

https://enflameds.com/products/smart-eye-massager-13099

Idk if I replied correctly

Hi @ZBZoid !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/Theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.product-single__media {
padding-top: 100% !important;

img {
height: 100%;
object-fit: contain;
}

Best Regards;

Pagefly

Hey pagefly is seems there is no theme.scss.liquid file under assets

Hi @ZBZoid

Paste this code at the bottom of theme.css.

Hey, so I also don’t have that file under any of the folders. I have a base.css? That didn’t seem to work though.

I need to get this solved!

yes paste it in base.css

didnt work