How can I fix a gif size issue on my product page's mobile view?

[LucasMelo152]

Hello. I would like some help with a gif size on the section “image with text” on my product page. I uploaded a gif and it looks nice on desktop, but on mobile view it cuts in half. Could anybody help me to fix it?

https://firstclassreliever.com/products/first-class-headache-migraine-relief-hat

Desktop:

Mobile:

[made4Uo]

Hi @LucasMelo152

The code below should fix the issue

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

.image-with-text__media.image-with-text__media--small.gradient.color-background-1.global-media-settings.media, .image-with-text__media.image-with-text__media--small gradient.color-background-1.global-media-settings media > img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
}

Outcome:

[BERENGARFELIX]

Hi friend. Can i know the theme you used for the store customization