Image hover order not working

hello!

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.
Thanks!
Isabela


Here is my site Read-Only: https://preview.webflow.com/preview/alaskas-blank-site-b408a3?utm_medium=preview_link&utm_source=designer&utm_content=alaskas-blank-site-b408a3&preview=ebb729f9e758aac2b25336674a41895e&mode=preview