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.