Add image variant

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

assets/css/image/pswp.css

@@ -0,0 +1,73 @@
+/*
+I don't know either man
+https: //github.com/TryGhost/Themes/blob/main/packages/_shared/assets/css/v1/vendor/pswp.css
+*/
+
+.pswp__bg {
+  background: rgba(255, 255, 255, 0.9);
+}
+
+.pswp__caption__center {
+  color: var(--color-darker-gray);
+}
+
+.pswp__button,
+.pswp__button--arrow--left::before,
+.pswp__button--arrow--right::before {
+  background: url("/assets/images/default-skin.png") 0 0 no-repeat;
+  background-size: 264px 88px;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.1),
+(-webkit-min-device-pixel-ratio: 1.09375),
+(min-resolution: 105dpi),
+(min-resolution: 1.1dppx) {
+
+  .pswp--svg .pswp__button,
+  .pswp--svg .pswp__button--arrow--left::before,
+  .pswp--svg .pswp__button--arrow--right::before {
+    background-image: url("/assets/images/default-skin.svg");
+  }
+
+  .pswp--svg .pswp__button--arrow--left,
+  .pswp--svg .pswp__button--arrow--right {
+    background: none;
+  }
+}
+
+.pswp__button--arrow--left,
+.pswp__button--arrow--right {
+  background: none;
+}
+
+.pswp__button--close {
+  background-position: 0 -44px;
+}
+
+.pswp__button--share {
+  background-position: -44px -44px;
+}
+
+.pswp--fs .pswp__button--fs {
+  background-position: -44px 0;
+}
+
+.pswp__button--zoom {
+  background-position: -88px 0;
+}
+
+.pswp--zoomed-in .pswp__button--zoom {
+  background-position: -132px 0;
+}
+
+.pswp__button--arrow--left::before {
+  background-position: -138px -44px;
+}
+
+.pswp__button--arrow--right::before {
+  background-position: -94px -44px;
+}
+
+.pswp__preloader--active .pswp__preloader__icn {
+  background: url("/assets/images/preloader.gif") 0 0 no-repeat;
+}