I'm having trouble synchronizing my animations on load.
On the homepage, the 3 words in black are supposed to appear and disappear with 3 seconds delay.
I have setup my animations with delays so it works perfectly on my computer.
However, when I load it on a new device, the first attempt when loading the website breaks the animation synchronization and overlaps the word.
Refreshing fixes it, but this is bad because it leaves a bad first impression.
Also, when you switch to different tabs on a different website and comeback to my website, the keywords are off-sync again.
Why does this happen? Is there a way to ensure that the animations are always in sync?