Image Overflow Issue on Mobile: Need Help Troubleshooting

·

I have a very frsutrating isssue going on, I cannot work out why this image is overflowing. It does not do it on inspect or in webflow but only mobile! “header1_image” https://preview.webflow.com/preview/aerolase?utm_medium=preview_link&utm_source=design[…]&pageId=67a475a369cb62fc4c5f0620&locale=en&workflow=preview

Matt J.
·
Harry D. so is this Safari? If so, that's likely your issue
Matt J.
·
Harry D. would need the published URL in order to try to troubleshoot further.
Matt J.
·
I have some theories though - something with the ratio and fill or try using overflow clip instead of overflow hidden. Make sure you don't have any unnecessary styles either.
Harry D.
·
Hey Matt J. long time no speak! I tried over flow clip and it didnt resolve the issue, and it happens on chrome and safari
Harry D.
·
https://aerolase.webflow.io/about-us
Matt J.
·
Harry D. for sure - good to see you in here again Harry - hope all is good! I would probably wrap that image in another div and apply the border and padding to that div rather than to the image wrapper and I bet that will resolve it
Matt J.
·
I'm flying blind here but my 20 years of CSS experience is telling me with high confidence that should resolve it
Harry D.
·
All good my end man! Yeah i tried other things again but wrapping it in a new div fixed it, thanks as always dude!!