How to crop gif image using html or css code?

[tipitea]

I added 3 gif to multirow to keep high image quality i don't want to crop with online tools
Is there any way to crop gif using css or html? the size i want to crop is 370x435px, because the current gif is too big and fills me

My website : https://www.tipiteastore.com/products/tipi-pot%E2%84%A2-magic-pot

If you have the TON wallet address of telegram, please leave it and I will send you a cup of coffee, thanks.

[BSSCommerce-HDL · Accepted solution]

Hi @tipitea, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.multirow .image-with-text__media {
    padding-bottom: 110% !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍