Add photoswipe

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

assets/sass/image.scss

@@ -4,6 +4,7 @@
 
   img {
     width: 100%;
+    height: auto;
     display: block;
   }
 

assets/sass/main.scss

@@ -15,3 +15,5 @@ $width-wide: 75rem;
 @import "content";
 @import "hero";
 @import "footer";
+
+@import "photoswipe";

assets/sass/photoswipe.scss

@@ -0,0 +1,9 @@
+.pswp {
+  --pswp-bg: var(--background);
+  --pswp-icon-color: var(--text);
+  --pswp-icon-color-secondary: color-mix(
+    in srgb,
+    var(--text) 30%,
+    var(--background)
+  );
+}