diff --git a/client/public/images/landing-video-placeholder.webp b/client/public/images/landing-video-placeholder.webp
new file mode 100644
index 000000000..f7244b35c
Binary files /dev/null and b/client/public/images/landing-video-placeholder.webp differ
diff --git a/client/public/videos/hero-background.webm b/client/public/videos/hero-background.webm
index 48b633cf1..5ec6fcbce 100644
Binary files a/client/public/videos/hero-background.webm and b/client/public/videos/hero-background.webm differ
diff --git a/client/src/app/sections/LandingSection.tsx b/client/src/app/sections/LandingSection.tsx
index 46bab2f56..dd66f276b 100644
--- a/client/src/app/sections/LandingSection.tsx
+++ b/client/src/app/sections/LandingSection.tsx
@@ -18,6 +18,7 @@ const LandingSection = () => (
           autoPlay
           muted
           loop
+          poster="/images/landing-video-placeholder.webp"
           className="h-full w-full object-cover"
         />
       </div>