diff --git a/website/index.html b/website/index.html
index eabd43d3d..2bd5980cf 100755
--- a/website/index.html
+++ b/website/index.html
@@ -31,7 +31,7 @@
     />
     <meta
       property="og:image"
-      content="https://photonvision.org/images/PhotonVision-Icon-BG_2.png"
+      content="https://photonvision.org/images/PhotonVision-Icon-BG.png"
     />
   </head>
   <body class="home bg-zinc-900 font-light text-white w-screen">
diff --git a/website/images/PhotonVision-Icon-BG.png b/website/public/images/PhotonVision-Icon-BG.png
similarity index 100%
rename from website/images/PhotonVision-Icon-BG.png
rename to website/public/images/PhotonVision-Icon-BG.png
diff --git a/website/images/demo.png b/website/public/images/demo.png
similarity index 100%
rename from website/images/demo.png
rename to website/public/images/demo.png
diff --git a/website/images/in-action.mp4 b/website/public/videos/in-action.mp4
similarity index 100%
rename from website/images/in-action.mp4
rename to website/public/videos/in-action.mp4
diff --git a/website/src/App.vue b/website/src/App.vue
index 7f4d8b681..c53ea0cb6 100644
--- a/website/src/App.vue
+++ b/website/src/App.vue
@@ -103,7 +103,7 @@ const socialLinks = [
     >
       <a href="#" class="flex items-center gap-3 py-2 group">
         <img
-          src="/images/PhotonVision-Icon-BG.png"
+          src="/public/images/PhotonVision-Icon-BG.png"
           alt="PhotonVision"
           class="w-10 h-10 group-hover:scale-110 transition-transform duration-300"
         />
@@ -177,7 +177,7 @@ const socialLinks = [
       >
         <span class="self-center md:self-initial mb-8 md:mb-0 md:me-12 shrink">
           <img
-            src="/images/PhotonVision-Icon-BG.png"
+            src="/public/images/PhotonVision-Icon-BG.png"
             alt="PhotonVision Logo"
             class="max-w-20 md:max-w-80 drop-shadow-2xl md:p-0 transition-transform duration-500"
           />
@@ -225,7 +225,7 @@ const socialLinks = [
           class="absolute -inset-4 bg-gradient-to-r from-primary via-brand-blue to-brand-yellow rounded-2xl blur-xl opacity-30"
         ></div>
         <img
-          src="/images/demo.png"
+          src="/public/images/demo.png"
           alt="Demo of PhotonVision UI"
           loading="lazy"
           class="relative rounded-xl shadow-2xl border border-zinc-700/50"
@@ -255,7 +255,7 @@ const socialLinks = [
     <section id="video" class="relative">
       <div class="relative">
         <video
-          src="/images/in-action.mp4"
+          src="/public/videos/in-action.mp4"
           playsinline
           autoplay
           loop
@@ -338,7 +338,7 @@ const socialLinks = [
       >
         <div class="flex items-center gap-4">
           <img
-            src="/images/PhotonVision-Icon-BG.png"
+            src="/public/images/PhotonVision-Icon-BG.png"
             class="w-12 h-12 hover:scale-110 transition-transform duration-300"
             alt="PhotonVision logo"
           />
diff --git a/website/vite.config.ts b/website/vite.config.ts
index 429e97890..8cb343ec8 100644
--- a/website/vite.config.ts
+++ b/website/vite.config.ts
@@ -3,5 +3,6 @@ import tailwindcss from "@tailwindcss/vite";
 import vue from "@vitejs/plugin-vue";
 
 export default defineConfig({
+  publicDir: "public",
   plugins: [vue(), tailwindcss()],
 });
