Center images when they are the only contents in a paragraph.

default_environment/stylesheet/main.css

@@ -9,8 +9,9 @@
 
   --blog-post-background-color: #0a0a0a;
 
-  --src-font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
-    Consolas, "DejaVu Sans Mono", monospace;
+  --src-font-family:
+    ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
+    "DejaVu Sans Mono", monospace;
 
   --src-block-background-color: #141414;
   --src-block-border-color: #84828f;
@@ -55,8 +56,9 @@
 body {
   color: var(--site-text-color);
   background-color: var(--site-background-color);
-  font-family: source-sans-pro, Seravek, "Gill Sans Nova", Ubuntu, Calibri,
-    "DejaVu Sans", sans-serif;
+  font-family:
+    source-sans-pro, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans",
+    sans-serif;
 
   a:link,
   a:visited {
@@ -146,6 +148,10 @@ body {
 
   p {
     margin: 1rem 0;
+
+    &.image {
+      text-align: center;
+    }
   }
 
   .src_block {

default_environment/templates/html/paragraph.dust

@@ -1,3 +1,3 @@
-<p>{#.children}
+<p class="{?.is_single_image}image{/.is_single_image}">{#.children}
   {>object/}
 {/.children}</p>