Shopify Developer Needed – Fix Treatment Guide Video Section

I'm looking for an experienced Shopify Liquid/CSS/JavaScript developer to rebuild the video component on my Treatment Guide page. This is not a quick CSS fix. I want the existing implementation replaced with a cleaner, more professional solution. I have been tinkering with the website and i have broken the code. Current Issues - Treatment Guide Video My video is filmed in 9:16 portrait but is being displayed incorrectly. The current implementation stretches/crops the video and does not display well on desktop or mobile. The popup close ("X") button is hidden behind the sticky website header. The current implementation is difficult to maintain and I'd prefer it rebuilt properly. What I want A small 9:16 portrait video thumbnail embedded in the page (similar to this website) https://qureskincare.com/pages/microinfusion-safety-guide The thumbnail should have: Rounded corners A custom cover image that I can easily replace later A play button overlay "Watch: How to Micro Infuse" text overlay Clicking the thumbnail should open a centred modal popup with: Dark background overlay Responsive 9:16 video player Large, easy-to-click close (X) button Video pauses when closed Must work beautifully on both desktop and mobile. Requirements Work on a duplicate Shopify theme only (do NOT edit the live theme). Use existing Shopify files where possible. Code should be clean and easy to maintain. No hacks or multiple conflicting CSS overrides. Keep the rest of the Treatment Guide page unchanged. Experience Required Shopify Liquid CSS JavaScript Responsive design Video modals/lightboxes Please include examples of previous Shopify custom sections or video components you have built. I am looking for someone who can complete this quickly and professionally with clean code.