Animation starts when texts are visible in the browser

aha – ich sehe den Fehler:

schau mal wo du das css eingesetzt hast:

@keyframes anim-lineDown

da fehlt hinten eine schließende geschweifte Klammer
dadurch ist das nachfolgende css ungültig:

nur bei Merging sucht man sich unter 4700 Zeilen den Affen. – aber ich fand ja jetzt deinen Fehler nachdem das Merging ausgestellt war.

naja – dein intersectionObserver Code war so nicht zu gebrauchen oder?
( ich glaube threshold war so falsch, ein Sonderzeichen war nicht ganz richtig etc. da habe ich dann lieber auf bekanntes zurückgegriffen – wobei : warum das mit dem “eintrag” funktioniert muss ich nochmal checken )

PS: wenn du die Klasse übrigens während diese Seite durchgescrollt wurde behalten möchtest lösche die else condition.

PPS: ich glaube das [].slice.call ist ein wenig Oldscool
wenn du die Zeile austauschst gegen:

var elements = Array.from(document.querySelectorAll(".scrollanimation"));

ist es am Puls der Zeit ;)