Photos styling fixes

src/style/organisms/_photos.scss

@@ -31,11 +31,8 @@
             @include breakpoint (md) {
                 position: sticky;
                 z-index: 10;
-                top: 16px;
-                height: 100%;
-            }
-            @include breakpoint (xl) {
                 top: 32px;
+                height: 100%;
             }
         }
 
@@ -56,7 +53,9 @@
     .photo {
         position: relative;
         z-index: 4;
-        margin-bottom: 104px;
+        margin-bottom: 88px;
+        // transition: transform 1000ms $ease-quart, opacity 1000ms $ease-quart;
+        // will-change: transform, opacity;
 
         @include breakpoint (sm) {
             margin-bottom: 120px;
@@ -66,6 +65,12 @@
         &:last-child {
             margin-bottom: 0;
         }
+
+        // Hidden photo
+        // &.hidden {
+        //     opacity: 0;
+        //     translate: translate(0, 10%) scale(0.92);
+        // }
     }
 
 
@@ -108,8 +113,10 @@
 
             // Number
             &__image--number {
-                transform: translate(-50%, var(--translate));
-                will-change: transform;
+                @include breakpoint (sm) {
+                    transform: translate(-50%, var(--translate));
+                    will-change: transform;
+                }
             }
         }