Custom Liquid sizing isnt correct on mobile

[meggriffin]

Hello I'm using code:

<div style="width: 100%; display: flex; justify-content: center;">
<div>
<img src="https://cdn.shopify.com/s/files/1/0699/8415/7884/files/logo_idea_4.png?v=1746936366
}">

I would like it to stay this size on desktop but show full image on mobile, right now it's showing cropped. 

[tim · Accepted solution]

There might be other CSS rules which affect your image.

Parent elements may also have limited height and hidden overflow making your image only seen partially.

Ideally, you should share a link to the page where you experience this problem to get better suggestions (and a preview password if one is still set).