landingpage Video

snippets/shx-landingpage.liquid

@@ -3,21 +3,40 @@
 <style>
   .landingPage {}
 
+.shx-landingPage__video__element {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  max-height: 50vh;
+  min-height: 50vh;
+}
+
 .shx-landingPage__video {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
-  /* Hide the part of the video that's outside the div */
 }
 
-.shx-landingPage__video__element {
+
+@media screen and (max-width: 768px) {
+  .shx-landingPage__video {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    /* Hide the part of the video that's outside the div */
+  }
+
+  .shx-landingPage__video__element {
     width: 200%;
     /* Make the video twice as wide as the div */
     height: 100%;
     object-fit: cover;
     transform: translateX(-50%);
     /* Shift the video to the left */
+  }
+
 }
 
 .shx-landingPage__video__content {