Change cms image on hoover

Hi everyone,

I have a problem with a hoover animation on my website. In the shop I want to show a second image when somebody hoovers over the product photo. I tried to do it by placing two pictures above each other and make one disappear with a hoover animation, but for some reason it is not working. Here a read only link to my website: https://preview.webflow.com/preview/mariekes-initial-project-fd666c?utm_medium=preview_link&utm_source=designer&utm_content=mariekes-initial-project-fd666c&preview=7d12a9ca165db8d64e053f7b46473c08&pageId=5f60910e2bf628c683d868f4&mode=preview. When you go to shop (per collectie), it tried to do it with the dashes plaids. And here’s a link to the published site: https://mariekes-initial-project-fd666c.webflow.io/shop-collectie.

Hope someone can help me (: Thanks in advance!