Grayed out logos in infinite marquee not working

I’m updating my portfolio site and wanted to add the overused infinite logo marquee to my homepage.

I was able to follow instructions to add the logos and animate them. The struggle I came across was:

How can I add the effect of having the logos to be grayed out (I’m using Luminosity effect) while on animation, but going back to color when hovering over them?

I was able to change opacity to 80% to default and back to 100% when hovering but not the gray out effect.

Different than the examples I found online, I added a link block and then the images so I could direct users to the specific projects. Maybe that is where I am missing something?

Here’s a short video of the link block with “Luminosity” and “opacity” effects.

Thanks for your help!


Here is my public share link: LINK Webflow - Kell Egbert