diff --git a/services/web/frontend/stylesheets/app/homepage.less b/services/web/frontend/stylesheets/app/homepage.less
index 80ab0d77e0..a1874b4d01 100644
--- a/services/web/frontend/stylesheets/app/homepage.less
+++ b/services/web/frontend/stylesheets/app/homepage.less
@@ -507,6 +507,27 @@
     }
   }
 
+  .homepage-hero {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 585px;
+
+    @media (max-width: @screen-sm-max) {
+      height: auto;
+    }
+
+    video {
+      box-shadow: 0px 60px 25px -15px rgba(16, 24, 40, 0.2);
+      max-height: 100%;
+      width: auto;
+
+      @media (max-width: @screen-sm-max) {
+        width: 100%;
+      }
+    }
+  }
+
   .home-register-newsletter-checkbox {
     font-size: 0.75rem;
     margin-top: 10px;
diff --git a/services/web/public/img/website-redesign/homepage-hero.mp4 b/services/web/public/img/website-redesign/homepage-hero.mp4
new file mode 100644
index 0000000000..b96ecdeeeb
Binary files /dev/null and b/services/web/public/img/website-redesign/homepage-hero.mp4 differ