Rolling words hero header

Design help Animations & Interactions
1

Hello everyone,

I have been working with a template on my website and I am almost done: https://www.firmengestalter.de/

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!

Screenshot 2023-03-15 214242
Screenshot 2023-03-15 214242429×789 32.6 KB

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

2

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

3

Hey, of course:

https://preview.webflow.com/preview/die-firmengestalter?utm_medium=preview_link&utm_source=designer&utm_content=die-firmengestalter&preview=a97f64701de269cc20ea0e30c5203123&workflow=preview

4

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