Temporary browsable Carousel on photo page

Stuff to be fixed/work on:
- Why is currentPhoto only triggered at the second photo and not the first?
- popState events (prev/next on browser) not working - detect URL changes and change the currentIndex

src/style/organisms/_carousel.scss

@@ -45,7 +45,7 @@
 
         // Photo
         &__photo {
-            $duration: 0.9s;
+            $duration: 1s;
 
             opacity: 0;
             overflow: hidden;
@@ -57,7 +57,7 @@
             height: 100%;
             transform: scale($scale);
             box-shadow: 0 pxVW(15) pxVW(60) rgba(#000, 0.3);
-            transition: transform $duration $ease-quart, opacity $duration $ease-quart;
+            transition: transform $duration $ease-quart, opacity $duration / 2 $ease-quart;
             will-change: transform, opacity;
 
             @include breakpoint (sm) {

src/style/pages/_viewer.scss

@@ -94,8 +94,8 @@
             }
         }
 
-        // Information
-        &__information {
+        // Informations
+        &__infos {
             margin-top: 32px;
             padding: 0 24px;
 
@@ -104,27 +104,26 @@
                 justify-content: space-between;
                 padding: 0;
             }
+        }
 
-            // Location
-            &--location {
-                width: 75%;
-                text-align: left;
+        // Location
+        &__locations {
+            width: 75%;
+        }
+        &__location {
+            text-align: left;
+            margin-top: 0;
+        }
 
-                .street {
-                    margin: 0;
-                }
-            }
+        // Date
+        &__date {
+            color: rgba($color-tertiary, 0.5);
+            font-size: rem(12px);
+            margin-top: 16px;
 
-            // Date
-            &--date {
-                color: rgba($color-tertiary, 0.5);
-                font-size: rem(12px);
-                margin-top: 16px;
-
-                @include breakpoint (sm) {
-                    font-size: rem(14px);
-                    margin: 0;
-                }
+            @include breakpoint (sm) {
+                font-size: rem(14px);
+                margin: 0;
             }
         }