From 036209e49d8e0ef8e5f16a5092c4158bf452d0fc Mon Sep 17 00:00:00 2001
From: Jan Umbach <jan@umbach.dev>
Date: Sun, 2 Jun 2024 19:00:57 +0200
Subject: [PATCH] landingpage Video

---
 snippets/shx-landingpage.liquid | 35 +++++++++++++++++++++++++--------
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/snippets/shx-landingpage.liquid b/snippets/shx-landingpage.liquid
index 12ccecf..a8ed724 100644
--- a/snippets/shx-landingpage.liquid
+++ b/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 {
-  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 */
+
+@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 {