How to fix the glitch with the animation on the site in the first block?

Question

JavaScript

I really liked the animation on the site clck.ru/SuYq2 (the first block, changing the text and background) I managed to
copy the animation - it is different from the original, when you change the size of the browser window (also on mobile), the animation stops working until you reload the page.
If on a PC this is not so important, then on a mobile everything is very bad.! https://youtu.be/hIxsEX4l1NI
As soon as the line with the site address goes up, the page height changes and the animation stops working.

Site where prior.fun is implemented