Image overlay text issue

read-only link: Webflow - Lavender Chen Portfolio

Hi, I am having an issue figuring out how to overlay my header texts for my portfolio design on top of a background image, and have it display on hover. I want to achieve something similar to this tutorial (Create an animated text overlay on an image on hover | Webflow Blog), where the background image fades and text displays upon hover and then disappears on hover out, however, since the text is overlaid on top of the image, the opacity levels of the image effect the text as well, so the entire text is faded along with the image instead of only the image fading upon hover. Any tips would be appreciated!