Shopify Product Image Overlap Fix

On every product page of my Shopify store the main images slide down and cover parts of the description, price, and add-to-cart area. I need the underlying CSS / Liquid adjusted so each product image sits neatly in its container, no longer overlaps any text, and stays that way on desktop, tablet, and mobile.

You’ll work directly in the theme (Online Store 2.0) or supply the exact code snippets with clear placement notes—whichever is faster for you and safer for version control. I can open a collaborator account the moment we agree.

Acceptance criteria:
• All product images render without touching or covering any text or buttons.
• Spacing remains consistent across every published product page.
• Changes survive theme updates; no hard-coded hacks that break on refresh.
• Tested live in Chrome, Safari, Firefox, and on iOS/Android.

Let me know your estimated turnaround and if you need a staging duplicate or will work in a brief maintenance window on the live theme.