I am using elementor pro and woocommerce. So i create a custon single product page.
I want to add a magnify effect on all the images so that when you hover over an image, you see a little magnify window enlarging the section you hovered over.

Tried looking everywhere and seems my only option is the wp image zoom plugin.

I don’t want to add another plugin. Someone help with maybe a css code, html code snippet I can use which will work in elementor pro