Customize AOS fade-up animation distance

assets/styles/_animations.scss

@@ -37,3 +37,9 @@
         transform: rotate(360deg);
     }
 }
+
+// AOS customization
+
+[data-aos='fade-up'] {
+    transform: translate3d(0, 5rem, 0);
+}

pages/index.vue

@@ -26,11 +26,11 @@
     onMounted(() => {
         const AOS = useNuxtApp().$AOS;
         AOS.init({
-            offset: 100,
+            delay: 0,
             duration: 600,
             easing: 'ease-in-out',
-            delay: 0,
+            offset: 100,
-            once: false
+            once: true
         });
     })