Viewer: Fix Carousel and error page

src/animations/Carousel.js

@@ -52,25 +52,25 @@ export const animateIn = scope => {
 
     // Reveal on scroll
     let visible = false
-    const carouselReveal = ScrollOut({
-        once: true,
-        targets: scope,
-        onChange: (el, ctx) => {
-            requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+        const carouselReveal = ScrollOut({
+            once: true,
+            targets: scope,
+            onChange: (el, ctx) => {
                 if (ctx.visible === 0) {
                     visible = true
                 }
-            })
-        },
-        onShown: (el, ctx) => {
-            // If revealed on scroll, no delay
-            if (visible) {
-                tl.restart()
+            },
+            onShown: (el, ctx) => {
+                // If revealed on scroll, no delay
+                if (visible) {
+                    requestAnimationFrame(() => tl.restart())
+                }
+                // If revealed on load, add a delay
+                else {
+                    setTimeout(() => tl.restart(), animDelay * 2)
+                }
             }
-            // If revealed on load, add a delay
-            else {
-                setTimeout(() => tl.restart(), animDelay * 2)
-            }
-        }
+        })
     })
 }