Create a functioning carousel

Thanks a million to Grafikart!

src/style/pages/_homepage.scss

@@ -48,12 +48,10 @@
             }
         }
 
-        // Gallery
-        .gallery {
-            &__images {
-                &--photo {
-                    background-color: $color-secondary;
-                }
+        // Photos
+        .gallery__images--photo {
+            &:before {
+                background-color: $color-secondary;
             }
         }
     }

src/style/pages/_viewer.scss

@@ -13,7 +13,10 @@
         width: 100%;
     }
 
-    // Top part
+
+    /*
+    ** Top part
+    */
     &__top {
         position: absolute;
         z-index: 10;
@@ -57,13 +60,16 @@
         }
     }
 
-    // Carousel
+
+    /*
+    ** Carousel
+    */
     .carousel {
         position: absolute;
         top: 50%;
         left: 0;
         right: 0;
-        transform: translate3d(0, -37%, 0);
+        transform: translateY(-37%);
         margin: 0;
 
         @include breakpoint (sm) {
@@ -83,7 +89,7 @@
             // Specific box shadow for images
             &__images {
                 &--photo {
-                    box-shadow: 0 16px pxVW(40) rgba(#2E025C, 0.4);
+                    box-shadow: 0 pxVW(16px) pxVW(40) rgba(#2E025C, 0.4);
                 }
             }
         }