animation issues. maybe with the z-index. code and working example available

As you see when you click, the flickering letters appear infront of a component I am using as a landing page, when I want them behind. I have played around with the x-index but dont know what is going on.

REPO

https://github.com/DougieHawes/broken-windows

Example

http://broken-windows.surge.sh/