Page load Animation problems when changing the browser tab

Hello dear community!

I have the following problem on this site: Link

I created the header animation with a page load trigger and delay. Unfortunately, the following happens: if you leave the tab (open a new tab in the browser) and return to the tab after some time (at least 45-60 seconds), the animation overlaps and the last frame doesn’t stay in place. Is there another way to implement such a timed animation, or can anyone help me understand why this overlap occurs when returning to the tab after some time?

Publish link: https://santec-schadensanierung.webflow.io/


Here is my public share link: [LINK](https://preview.webflow.com/preview/santec-schadensanierung?utm_medium=preview_link&utm_source=designer&utm_content=santec-schadensanierung&preview=63af1530c019650a9a26a4e0af58b2ce&workflow=preview)
(how to access public share link)