Add image cache generation

gallery/themes/default/components/banner.sass

@@ -103,7 +103,7 @@
             align-items: center
 
             h1
-                font-size: 3.5rem
+                font-size: 3rem
                 text-align: center
 
             p

gallery/themes/default/components/gallery.sass

@@ -80,11 +80,17 @@
 
         object-fit: cover
         object-position: center
-
-        background-color: RGB($fg-white)
         transform: scale(1.05)
 
-        transition: all 0.3s cubic-bezier(.79, .14, .15, .86)
+        background-color: RGB($fg-white)
+        filter: blur(0.5rem)
+        opacity: 0
+
+        transition: all 0.2s cubic-bezier(.79, .14, .15, .86)
+
+        &.loaded
+            filter: blur(0)
+            opacity: 1
 
     &:after
         content: ""

gallery/themes/default/variables.sass

@@ -60,7 +60,7 @@ $breakpoint: 800px
     --blue: 141, 163, 185
     --purple: 169, 136, 176
 
-    --primary: 183, 169, 151
+    --primary: var(--green)  // 183, 169, 151
     --warning: var(--orange)
     --critical: var(--red)
     --success: var(--green)