Shopify Image Alignment Fix

My Shopify theme is displaying product photos slightly off-kilter and with inconsistent gaps. I need an experienced Shopify developer (Liquid, CSS, theme customization) to realign every product image across the entire catalogue so that spacing, padding, and centering are uniform on all product pages – no exceptions.

Scope
• Inspect current theme code to locate the snippets and sections governing product-image wrappers, thumbnails, and gallery sliders.
• Adjust Liquid and CSS so each main image and its thumbnails share the same horizontal and vertical alignment, with equal margins on desktop, tablet, and mobile breakpoints.
• Ensure the fix works regardless of aspect ratio and without affecting page load speed.

Acceptance Criteria
• All product pages show perfectly centered main images and evenly spaced thumbnails on Chrome, Safari, Firefox, Edge, iOS, and Android.
• No visual regressions in collection, home, or cart pages.
• Changes delivered via a duplicate theme for safe review, then pushed live after approval.

Please reply with a brief outline of your relevant Shopify theme experience, noting similar alignment or visual tweaks you have handled.