Shopify Image Layout Fix

On my Online Store 2.0 theme the product gallery is sliding over the price, description, and “Add to Cart” block. I need the spacing and stacking order corrected so every product page looks tidy on desktop, tablet, and mobile. The work must be done with lightweight, well-commented CSS / Liquid so it survives future theme updates rather than being overwritten.

Here is what I expect:
• identify the root cause of the overlap,
• adjust the gallery and info columns so they stay in their lanes at every viewport,
• test the repair on Chrome, Safari, and Firefox across desktop, tablet, and mobile breakpoints,
• scan a few product templates first because I’m not sure if any one-off layouts exist, and then apply the fix store-wide,
• leave me notes in the code or a short changelog so I can track it later.

Let me know how many hours you’ll need and share a couple of similar Shopify theme issues you’ve tackled. I’m ready to give collaborator access as soon as we agree on timing.