Background Animation Help

Hi guys,

I am currently working on a project that includes a background that reveals a pattern when you hover over it. so i created a mouse over animation.

My problem is that when i put a text or a picture on top of the background, the animation bounces off as soon as the mouse gets near that text or picture. But i want the animation to go smoothly in the background.

I put my link to the project down below, so you can see for yourself. In section 2 is a mockup of the animation. Maybe you can also tell me how ich can make that blur/swishing effect.

I cant seem to find the problem. I would really appreciate it if you could help me out.

Thank you so much!

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