Animation Text - Reveal text on hover in and out - text still showing

Hi guys,
I am creating an animation with text on a div block in a grid. So as you hover over the div block text appears and then leaves as you hover off. It has worked with the first two blocks, but you can still see the text on the left side of the grid for the left columns. I have the positioning set to relative for the div blocks and the text is absolute. How do I essentially ‘hide’ the text before I move the text back in for the hover animation.
Thank you :slight_smile:

Here is my public share link:

@Emma_Culbert overflow set hidden

Such an easy fix, thank you so much!