diff --git a/project.el b/project.el
index 2d6525e..601ffaf 100644
--- a/project.el
+++ b/project.el
@@ -218,7 +218,7 @@ Return output file name."
 	           (file-name-as-directory (expand-file-name pub-dir)))
       (let ((dst-file (expand-file-name (file-name-nondirectory filename) pub-dir)))
         (cond ((string-match-p ".*\\.\\(png\\|jpg\\|gif\\)$" filename)
-               (shell-command (format "~/.nix-profile/bin/convert %s -resize 800x800\\> +dither -colors 16 -depth 4 %s"
+               (shell-command (format "~/.nix-profile/bin/convert %s -resize 400x400\\> -colorspace Gray -ordered-dither o8x8,8 %s"
                                       filename
                                       dst-file)))
               ((string-match-p ".*\\.css$" filename)
diff --git a/project.el.sig b/project.el.sig
index e8320fc..c75e0b2 100644
Binary files a/project.el.sig and b/project.el.sig differ
diff --git a/src/css/minimalist.css b/src/css/minimalist.css
index 5d2d20d..948d4de 100644
--- a/src/css/minimalist.css
+++ b/src/css/minimalist.css
@@ -51,8 +51,8 @@ ol > li:nth-child(n+10):before {
     left: -28px;
 }
 img {
-    max-width: 100%;
-    max-height: 800px;
+    width: 100%;
+    max-height: 100vh;
     margin: 1em auto;
 }
 p > img, li > img {
@@ -171,9 +171,8 @@ nav > a {
 }
 
 /* org mode ids and classes */
-.figure {
-    margin-top: 1em;
-    margin-bottom: 1em;
+figure, .figure {
+    margin: 1em 0;
 }
 #content,.content {
     max-width: 46em;
@@ -271,9 +270,14 @@ nav > a {
 /* Dark themes soften and darken images */
 @media (prefers-color-scheme: dark) {
   img {
-      filter: saturate(0.8) brightness(0.8);
+      filter: brightness(0.8) sepia(100%) hue-rotate(182deg) saturate(0.6);
   }
 }
+@media (prefers-color-scheme: light) {
+    img {
+        filter: sepia(100%) hue-rotate(182deg) saturate(0.6);
+    }
+}
 #labels {
     width: 100%;
     text-align: right;
@@ -285,18 +289,11 @@ nav > a {
 }
 
 /* Light themes does not soften and darken images */
-#l:checked ~ .main img,
-#s:checked ~ .main img ,
-#m:checked ~ .main img {
-    filter: none;
-}
-#d:checked ~ .main img,
-#c:checked ~ .main img {
-    filter: saturate(0.8) brightness(0.8);
-}
-#x:checked ~ .main img {
-    filter: brightness(0.8) sepia(100%) hue-rotate(55deg) saturate(2.5);
-}
+#l:checked ~ .main img { filter: sepia(100%) hue-rotate(182deg) saturate(0.6); }
+#s:checked ~ .main img, #m:checked ~ .main img { filter: none; }
+#d:checked ~ .main img { filter: brightness(0.8) sepia(100%) hue-rotate(182deg) saturate(0.6); }
+#c:checked ~ .main img { filter: brightness(0.8); }
+#x:checked ~ .main img { filter: brightness(0.8) sepia(100%) hue-rotate(55deg) saturate(10); }
 
 #s:checked ~ .main #preamble:after,
 #s:checked ~ .main #postamble:before,