fix(features): fix features order

src/components/Features.astro

@@ -61,6 +61,7 @@ import Video from './Video.astro'
         preload="none"
         class="rounded-xl border-4 border-white object-cover shadow"
       />
+    </div>
     <div class="long-feature xl:!flex-row-reverse">
       <div class="lg:p-24">
         <Description class="feature-title text-5xl font-bold md:text-6xl">
@@ -90,8 +91,7 @@ import Video from './Video.astro'
           Zen Glance
         </Description>
         <p class="desc mt-2 text-xl font-normal">
-            Zen's glance feature allows you to view links without <i>actually</i
-            >
+          Zen's glance feature allows you to view links without <i>actually</i>
           opening them.
         </p>
       </div>
@@ -149,8 +149,8 @@ import Video from './Video.astro'
       />
     </div>
   </div>
-  </div>
-  <script>
+</section>
+<script>
   function changeFeature(index: number) {
     document
       .querySelectorAll('#feature-list .feature')
@@ -178,8 +178,8 @@ import Video from './Video.astro'
       })
     })
   changeFeature(0)
-  </script>
-  <style>
+</script>
+<style>
   .long-feature {
     @apply relative flex w-full flex-col items-center gap-10 px-4 md:px-12 lg:px-24 xl:flex-row xl:gap-32 xl:px-0 2xl:px-24;
 
@@ -191,5 +191,4 @@ import Video from './Video.astro'
       @apply xl:h-96 2xl:h-[32rem];
     }
   }
-  </style>
-</section>
+</style>