Zoom-In Ecommerce Effect

Having an issue implementing this great Webflow tutorial (How to Webflow: Adding a zoom-in effect to ecommerce product pages in Webflow. - YouTube)

I’m looking to zoom in on the product image, but for some reason the zoom is only on a much smaller version of my product photo. I’ve tried a few tweaks to no avail.

I’m using the combo class “magnify” on my product image that is within a div position: absolute. Custom code is in body.

https://clp-shopify-install-0f650b2b8983139dba9.webflow.io/product/victory-club-short-sleeve-jersey-cross-pink


Here is my site Read-Only: https://preview.webflow.com/preview/clp-shopify-install-0f650b2b8983139dba9?utm_medium=preview_link&utm_source=designer&utm_content=clp-shopify-install-0f650b2b8983139dba9&preview=ac81b3f7d2297309136d4c99d38431fa&pageId=60ef832680f31659df51ba84&itemId=60ef832680f316166e51bb18&workflow=preview 1