Image hover order not working


i’m trying to achieve this layout on my project:

I already managed to create the hover effect for the BG image and text, but for some reason I can’t find out how to put the text above the red BG.

When i change de red BG’s z index to -1, it goes behind the initial state image :thinking:

Could somebody help me? I am relatively new to webflow, sorry if this is a dumb question.

Here is my site Read-Only: