Rolling words hero header

Hello everyone,

I have been working with a template on my website and I am almost done:

On the homepage I have this hero header with rotating words → it’s a content wrapper for 4 rotational words see attached screenshot. The second and third word rotate for 90 degrees and are getting replaced by another word. This ought to be in a rhythm where after the 4th word is displayed, the 1st should rotate in again.

If you watch closely on a website: When the 4th word is “done” it just gets replaced again by the 1st word - the 1st word does not rotate in.
I tried everything and do not know how to fix this.

Thank you in advance!

Here is my public share link: LINK
(how to access public share link)

can you share your read-only link to your project?

Hey, of course:

Hey, I shared the read-only link. Did you have a possibility to take a look? Thank you in advance!