feat(landing): add landing video

assets/sass/landing.scss

@@ -1,18 +1,31 @@
 .cover__container {
-    margin-top: 1px;
     position: relative;
-    min-height: 40rem;
+    min-height: 50rem;
 }
 
 .cover__back {
     position: absolute;
     height: 100%;
     width: 100%;
+    overflow: hidden;
     background-size: cover;
     background-repeat: no-repeat;
     background-position-x: center;
     background-position-y: center;
     z-index: 1;
+
+    // to center the video
+    text-align: center;
+    display: flex;
+    justify-content: center;
+
+    video {
+        width: 100%;
+        height: 100%;
+        background-color: gray;
+        object-fit: cover;
+        position: relative;
+    }
 }
 
 .cover__content {
@@ -79,6 +92,11 @@
 
 @import 'landing/timeline.scss';
 
+@media (max-width: $lg-breakpoint) {
+    .cover__back {
+    }
+}
+
 @media (min-width: $lg-breakpoint) {
     .cover__back {
         background-position-x: center;
@@ -263,22 +281,6 @@
 
 @media (max-width: $md-breakpoint) {
     .history-container {
-
-        .layout-grid-image.third {
-            display: block;
-        }
-
-        .image-container {
-            display: flex;
-            justify-content: center;
-        }
-        .slide-image {
-            height: 19rem;
-            img {
-                width: auto;
-                height: 100%;
-            }
-        }
     }
 }