I am having an issue with looping text animations on my site. Basically at the top of the page I have two separate headings that alternatively fade in and out on page load.
The timings line up and work fine until you switch to a different tab for a few seconds and return to the site. Basically the timings go out of sync and can cause the headings to overlap each other.
Is there something I can do to prevent the times from going out of sync or an alternative way of animating it?