diff --git a/src/pages/archive/assets/cinematic-lighting-in-blender-night-lighting-03-projection.webm b/src/pages/archive/assets/cinematic-lighting-in-blender-night-lighting-03-projection.webm
new file mode 100644
index 0000000..a920e29
Binary files /dev/null and b/src/pages/archive/assets/cinematic-lighting-in-blender-night-lighting-03-projection.webm differ
diff --git a/src/pages/archive/assets/houdini-abstract-particles.webm b/src/pages/archive/assets/houdini-abstract-particles.webm
new file mode 100644
index 0000000..3e39a46
Binary files /dev/null and b/src/pages/archive/assets/houdini-abstract-particles.webm differ
diff --git a/src/pages/archive/assets/houdini-pillows.webm b/src/pages/archive/assets/houdini-pillows.webm
new file mode 100644
index 0000000..a48f5b9
Binary files /dev/null and b/src/pages/archive/assets/houdini-pillows.webm differ
diff --git a/src/pages/archive/assets/interior_test.webm b/src/pages/archive/assets/interior_test.webm
new file mode 100644
index 0000000..ee3848a
Binary files /dev/null and b/src/pages/archive/assets/interior_test.webm differ
diff --git a/src/pages/archive/index.astro b/src/pages/archive/index.astro
index 0d61f47..7b7c8dc 100644
--- a/src/pages/archive/index.astro
+++ b/src/pages/archive/index.astro
@@ -3,6 +3,11 @@ import Layout from "@layouts/Layout.astro";
 import { Image } from "astro:assets";
 import { ARCHIVE } from "@consts";
 
+import lighting from "./assets/cinematic-lighting-in-blender-night-lighting-03-projection.webm";
+import pillows from "./assets/houdini-pillows.webm";
+import interior from "./assets/interior_test.webm";
+import particles from "./assets/houdini-abstract-particles.webm";
+
 const images = import.meta.glob<{ default: ImageMetadata }>(
   `./assets/*.{jpeg,jpg,png}`,
 );
@@ -28,6 +33,46 @@ const imageList = await Promise.all(
   </h1>
   <div
     class="animate-reveal grid grid-cols-2 gap-2 [animation-delay:0.1s] md:grid-cols-3"
+  >
+    <video
+      preload="metadata"
+      loop
+      muted
+      controls
+      class="aspect-square h-full w-full rounded-sm object-cover"
+    >
+      <source src={lighting} type="video/webm" />
+    </video>
+    <video
+      preload="metadata"
+      loop
+      muted
+      controls
+      class="aspect-square h-full w-full rounded-sm object-cover"
+    >
+      <source src={pillows} type="video/webm" />
+    </video>
+    <video
+      preload="metadata"
+      loop
+      muted
+      controls
+      class="aspect-square h-full w-full rounded-sm object-cover"
+    >
+      <source src={interior} type="video/webm" />
+    </video>
+    <video
+      preload="metadata"
+      loop
+      muted
+      controls
+      class="aspect-square h-full w-full rounded-sm object-cover"
+    >
+      <source src={particles} type="video/webm" />
+    </video>
+  </div>
+  <div
+    class="animate-reveal grid grid-cols-2 gap-2 [animation-delay:0.2s] md:grid-cols-3"
   >
     {
       imageList.map((item) => (