Optimize animations

Author: AvdLee

docs/src/components/Feature.astro

@@ -168,7 +168,7 @@ if (asset.alignment === "full-width") {
           : `${asset.alignment === "left" ? 1 : `span ${asset.columnSpan}`} / ${asset.alignment === "left" ? `span ${asset.columnSpan}` : -1}`,
     }}
     data-aos={asset.alignment === "full-width" ? "fade-up" : undefined}
-    data-aos-offset={asset.alignment === "full-width" ? "300" : undefined}
+    data-aos-offset={asset.alignment === "full-width" ? "150" : undefined}
   >
     {
       asset.type === "image" ? (

docs/src/layouts/BaseLayout.astro

@@ -93,7 +93,7 @@ const ogImage = `${Astro.site}og-banner-rocketsim.jpg`;
     <!-- Scripts for AOS (Animate on Scroll) -->
     <script is:inline src="https://unpkg.com/aos@2.3.0/dist/aos.js"></script>
     <script>
-      AOS.init({ delay: 500, duration: 1000, once: true, offset: 200 });
+      AOS.init({ delay: 300, duration: 1000, once: true, offset: 150 });
     </script>
   </body>
 </html>