Square image in Shopify "page" stretching on mobile

Highlighted
Tourist
9 0 1

I have a gif I'm trying to use on my shopify contact page to somewhat "recreate" my business cards. This image is supposed to be square, and shows as such on my laptop, but stretches to a long rectangle on mobile. I'm testing this on a new template "Alchemy" that I have yet to purchase, so I can't yet change the code of the website. If that ends up being the only way to fix it, then so be it but if it's possible to fix this in the page html that would be so much better. I've attached photos of how the image appears on both screens, as well as my page html.

 

Screen Shot 2020-11-09 at 9.40.41 AM.pngScreenshot_20201109-094026_Chrome.jpgScreen Shot 2020-11-09 at 9.40.33 AM.png

0 Likes