Hover interactions to effect each item in collection list independent from the others

Hello, I’m attempting to have each individual item in my collection list on the homepage react to a cursor hovering over it, so visitors know exactly what they’re clicking on. However when I try to set an interaction on the hover class it effects all of the items in the collection. Is there a way for me to have an item in the collections list be altered upon hovering independently without the others changing as well.


Here is my public share link: **[https://preview.webflow.com/preview/kamiins-project-29c1b0ab391b8a6e6a9ce53?utm_medium=preview_link&utm_source=designer&utm_content=kamiins-project-29c1b0ab391b8a6e6a9ce53&preview=57e455dc9a60109975f3dbcfa9136ae1&workflow=preview]