CMS Collection List: Animating Item on hover

Hi,

I am new to the forum. I have an issue animating items in a collection list.

I have a CMS collection list. On hover, I want to drop the opacity of all collection items (rows) to 30% except for the one that I am hovering over. I thought I do this super easily with an element trigger and then affecting only siblings with the same class as it has been shown by Timothy Ricks (here)

Unfortunately, this does not seem to work on a CMS collection list.

Here is the public share link:
https://preview.webflow.com/preview/leos-dapper-site-b65ab8?utm_medium=preview_link&utm_source=designer&utm_content=leos-dapper-site-b65ab8&preview=5131446ee2b72d151f4dfadd4c2bcf6b&pageId=65b773f87188893e0e2e0a97&workflow=preview

The first list shows how it works without a CMS List. the second list shows the problem when applying this to a CMS list.

Would really appreciate any help on this.

Thanks
Leo