Centered Fade in Text over an image

Hello everyone!

I created a hover Effect interaction with an Opacity (the image just disappear quickly). But i want to make a smooth fade in and the Text hovered centered over an image.

Are there any ways to show the text centered over that image when I hover over it? So that it fades and show text over the image at the same time.

Like the first example (Fade in Text):

Here my Link:

https://preview.webflow.com/preview/rebeccalurati-df5f0c252b575792223edf3b0?utm_medium=preview_link&utm_source=dashboard&utm_content=rebeccalurati-df5f0c252b575792223edf3b0&preview=f313572cc7f71f4b307a0a0c11cd8247&mode=preview

Thanks for respond!