diff --git a/public/videos/aim_lab_demo.mov b/public/videos/aim_lab_demo.mov
deleted file mode 100644
index 0a13415..0000000
Binary files a/public/videos/aim_lab_demo.mov and /dev/null differ
diff --git a/public/videos/aim_lab_demo.webm b/public/videos/aim_lab_demo.webm
new file mode 100644
index 0000000..c665d7d
Binary files /dev/null and b/public/videos/aim_lab_demo.webm differ
diff --git a/public/videos/chess_opencv_demo.mov b/public/videos/chess_opencv_demo.mov
deleted file mode 100644
index ccef196..0000000
Binary files a/public/videos/chess_opencv_demo.mov and /dev/null differ
diff --git a/public/videos/chess_opencv_demo.webm b/public/videos/chess_opencv_demo.webm
new file mode 100644
index 0000000..f1bb0e3
Binary files /dev/null and b/public/videos/chess_opencv_demo.webm differ
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 4347c91..9ccbf44 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -20,14 +20,14 @@ import ProjectsComponent from "../components/sections/ProjectsComponent.svelte";
 						class="image-container flex w-full lg:ml-auto lg:w-1/2 mb-5 lg:mb-0 aspect-video [perspective:200px] relative lg:mr-5"
 					>
 						<video
-							src="/videos/chess_opencv_demo.mov"
+							src="/videos/chess_opencv_demo.webm"
 							class="absolute max-w-full
                     top-1/2 left-1/2
                     [transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-45%)_translateY(-50%)] opacity-40
                     border-2 border-solid border-white rounded-xl"
 							width="700"></video>
 						<video
-							src="/videos/chess_opencv_demo.mov"
+							src="/videos/chess_opencv_demo.webm"
 							width="700"
 							class="playable absolute max-w-full
                     top-1/2 left-1/2
@@ -119,13 +119,13 @@ import ProjectsComponent from "../components/sections/ProjectsComponent.svelte";
 						class="image-container flex w-full lg:ml-auto lg:w-1/2 mb-5 lg:mb-0 aspect-video [perspective:200px] relative lg:mr-5"
 					>
 						<video
-							src="/videos/aim_lab_demo.mov"
+							src="/videos/aim_lab_demo.webm"
 							class="absolute max-w-full
                     top-1/2 left-1/2 [transform:translateX(-48%)_translateY(-48%)_translateZ(-50px)_rotateY(-3deg)] opacity-40
                     border-2 border-solid border-white rounded-xl"
 							width="700"></video>
 						<video
-							src="/videos/aim_lab_demo.mov"
+							src="/videos/aim_lab_demo.webm"
 							width="700"
 							class="playable absolute max-w-full
                     top-1/2 left-1/2