Text appearing on hover

I have a few items that appears on hover like this:

Initial state

On hover

The orange outline and black overlay fade in normally, but the text comes in a little weird. It’s almost as if it all starts at the top and then spreads out to the full height as it fades in. But it’s also not a smooth fade in, it’s movement is pretty sticky whether it’s in the preview in the editor or on the published website. All of the items are set to 0% opacity during initial state and 100% opacity on hover. Any ideas why it might be appearing this way?

Hi! Try to remove the trigger of the hover effect and delete the effect itself. Then create the same effect from scratch. If the issue is recreating again send a link to your site here

That fixed it, thanks!