GRID: Text over image / structure help

Hey there

I’m trying to do a hover animation so the word “webshop” pops up. After many trials I finally managed to do it correctly. However the “invert effect” affects the word “webshop” as well. Is there any way to exclude this class although it’s a child of it? So the word “webshop” is shown red and not cyan. Only the image inverts.

Or do you have any recommendations regarding the page structure with the navs. The problem might be there as well.

https://preview.webflow.com/preview/zeitgeist-599dd0?utm_medium=preview_link&utm_source=designer&utm_content=zeitgeist-599dd0&preview=a9674b58d8a0a5ea70d8c1502154a03d&mode=preview

Thank you very much in advance!

Severin


Here is my public share link: [LINK]https://preview.webflow.com/preview/zeitgeist-599dd0?utm_medium=preview_link&utm_source=designer&utm_content=zeitgeist-599dd0&preview=a9674b58d8a0a5ea70d8c1502154a03d&mode=preview[1]
(how to access public share link)