perf: replace gif with webm

src/lib/components/generate/publish-popup.svelte

@@ -92,7 +92,7 @@
 </script>
 
 <div class={`absolute top-20 flex h-20 w-full justify-center ${alert ? "" : "hidden"}`}>
-  <Alert.Root variant="success" class="w-30 bg-transparent backdrop-blur-xl">
+  <Alert.Root variant="success" class="w-30 backdrop-blur-xl bg-transparent">
     <CheckCircle2 class="h-4 w-4" />
     <Alert.Title>Success</Alert.Title>
     <Alert.Description>Asset publised successfully!</Alert.Description>

src/lib/components/home/hero-section.svelte

@@ -1,6 +1,6 @@
 <script>
   import { Button } from "$lib/components/ui/button";
-  import terrain from "$lib/assets/terrain.gif";
+  import terrain from "$lib/assets/terrain.webm";
   import background from "$lib/assets/gradient.png";
 </script>
 
@@ -20,7 +20,7 @@
       <p class="text-muted-foreground text-center text-center sm:text-lg">
         Procedural generation on the web in realtime!
       </p>
-      <img class="mx-auto p-5 w-60 lg:w-80" width="300px" alt="Terrain" src={terrain} />
+      <video class="mx-auto p-3 w-60 lg:w-80" width="300px" alt="Terrain" oncontextmenu="return false;" hide-controls loop autoplay muted src={terrain} />
       <div class="my-4 hidden items-center justify-center gap-4 sm:flex">
         <Button href="/browse" variant="outline">Browse Assets</Button>
         <Button href="/generate">Generate Assets</Button>

src/routes/dev/+page.svelte

@@ -143,7 +143,7 @@ fn setup(mut commands: Commands) {
       needs.
     </p>
     <h2>Bevy Compatibility</h2>
-    <p>bevy_generative is compatible with Bevy 0.12.</p>
+    <p>bevy_generative is compatible with Bevy 0.12 and later versions.</p>
     <h2>Contributing</h2>
     <p>
       We're not accepting pull requests at this time, but we welcome issues, feature requests, and