Fade In/Fade Out Interaction Timing Adjustment

Hello All,
I am very new to Webflow, so if the answer is obvious I apologize, but I am unable to find any information online on this specifically.

I am trying to create a simple overlay text on hover for my home landing page. I want the image of the project to darken when hovered over, and for the title of the project to show up when it is hovered over. I also want the image to link to the page of said image - project.
I have achieved this using interactions per the webflow tutorial, however I would like there to be no delay, or at least less transition time for the darken to happen on hover. Similar to this website which has no delay at all. https://www.anishshakthi.com/

I tried using a hover state, which worked great and gave me full control over the transition, however I could not figure out how to make text appear on hover using that method.

Thank you for any help in advance!


Here is my public share link: LINK
(how to access public share link)

https://www.loom.com/share/b9e0dda4fc144991977155b1abb4301c

Thank you so much! That works great!