Transition: Don't animate height

So use a background div to squeeze and move other elements as well

src/utils/Transition.svelte

@@ -24,16 +24,18 @@
     let firstLoad = true
 
     // 1. Watch page change
-    page.subscribe(() => {
-        // Run the loader animation (only after first load)
-        if (!firstLoad && process.browser) {
-            animateIn(scope)
+    page.subscribe(page => {
+        if (!page.params.photo) {
+            // Run the loader animation (only after first load)
+            if (!firstLoad && process.browser) {
+                animateIn(scope)
+            }
+
+            // TODO: Figure out how to delay the page rendering a little bit before the end of the transition panel ending
+
+            // Set pageReady to false (?)
+            pageReady.set(false)
         }
-
-        // TODO: Figure out how to delay the page rendering a little bit before the end of the transition panel ending
-
-        // Set pageReady to false (?)
-        pageReady.set(false)
     })
 
     // 2. Watch when loaded changes
@@ -60,7 +62,7 @@
 </script>
 
 <div class="transition" id="transition" aria-hidden="true" bind:this={scope}>
-    <div class="loader">
+    <div class="transition__loader">
         {#if firstLoad}
         <TitleSite />
 
@@ -68,4 +70,5 @@
         <IconGlobe width="44" color="#fff" animated="true" />
         {/if}
     </div>
+    <div class="transition__background" />
 </div>