WIP

src/js/app.js

@@ -1,9 +1,18 @@
 const observer = new IntersectionObserver((entries) => {
     entries.forEach(entry => {
+        const el = entry.target;
+
         if (entry.isIntersecting) {
-            entry.target._inViewportTimeout = setTimeout(() => {
-                entry.target.classList.add('visible');
-            }, 250);
+            if (!el._hasEnteredOnce) {
+                // First time in viewport – apply delay
+                el._inViewportTimeout = setTimeout(() => {
+                    el.classList.add('in-viewport');
+                    el._hasEnteredOnce = true;
+                }, 250);
+            } else {
+                // Already entered once – no delay
+                el.classList.add('in-viewport');
+            }
         } else {
             clearTimeout(entry.target._inViewportTimeout);
             entry.target.classList.remove('visible');