Merge pull request #16623 from overleaf/mf-hero-homepage-video

[website-redesign] Add homepage hero video

GitOrigin-RevId: c1cbeb00263d48d48674db84efb9cba970312de7

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;