Hi TyW,
Thanks for your detail introduction on code.
I have followed them in my Minimal Theme and seccessed to set up hover effect on my product collection page.
But meanwhile the other negative result is all the image on product collection page became fade and hardly visible .
Could you kindly help me to check what is wrong?