Update slideshowpure.css

slideshowpure.css

@@ -37,6 +37,7 @@
     transform: rotate(360deg);
   }
 }
+
 @media only screen and (max-width: 480px) and (orientation: portrait) {
   .backdrop,
   .slide {
@@ -1832,7 +1833,7 @@
   }
   .dots-container {
     position: absolute;
-    top: calc(50% + 21vh);
+    top: calc(50% + 22vh);
     right: 3%;
     z-index: 2;
     display: flex;
@@ -1874,20 +1875,15 @@
   #slides-container {
     position: relative;
     width: 100vw;
-    height: 95vh;
+    height: 98vh;
     overflow: hidden;
     margin: 0 auto;
-    top: -6.8em;
+    top: -7.5em;
   }
   .layout-desktop .sections.homeSectionsContainer {
     position: relative;
     z-index: 8;
-    top: -20em;
-  }
-  .layout-mobile .sections.homeSectionsContainer {
-    position: relative;
-    z-index: 8;
-    top: -20em;
+    top: -36vh;
   }
   .slide {
     transition: opacity 0.5s ease-in-out;
@@ -1971,8 +1967,8 @@
     width: auto;
     object-fit: contain;
     z-index: 4;
-    top: 10em;
-    left: 8em;
+    top: 15vh;
+    left: 5vw;
     filter: brightness(1.5);
   }
   .featured-content {
@@ -2009,7 +2005,7 @@
     line-clamp: 2;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-    left: 7.9em;
+    left: 5vw;
     position: absolute;
     top: 20vh;
   }
@@ -2036,8 +2032,8 @@
   }
   .genre {
     position: absolute;
-    top: calc(50% + 50px);
-    left: 8.4em;
+    top: calc(50% + 4.5vh);
+    left: 5vw;
     text-align: center;
     color: #fff;
     font-family: "Archivo Narrow", sans-serif;
@@ -2046,11 +2042,11 @@
   }
   .info-container {
     position: absolute;
-    top: calc(50% + 0px);
+    top: calc(50% + -2vh);
     display: flex;
     align-items: center;
     justify-content: center;
-    left: 2em !important;
+    left: 5vw !important;
     color: #fff;
     z-index: 4;
   }
@@ -2058,7 +2054,6 @@
     font-family: "Archivo Narrow", sans-serif;
     display: flex;
     align-items: center;
-    margin: 0 6em;
     z-index: 5;
     position: relative;
   }
@@ -2110,8 +2105,8 @@
   }
   .button-container {
     position: absolute;
-    top: calc(50% + 20vh);
-    left: 7.5em;
+    top: calc(50% + 21vh);
+    left: 5vw;
     display: flex;
     z-index: 5;
     justify-content: space-between;