diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 10e2706..ca80674 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -40,6 +40,17 @@
             img {
                 max-width: 100%;
                 height: auto;
+                display: block; 
+                margin: 0 auto;
+            }
+            
+            figcaption {
+                margin-top: 0.5em;
+                font-size: 0.9em;
+                color: var(--card-text-color-secondary);
+                font-style: italic;
+                font-weight: bold;
+                text-align: center;
             }
         }
 
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
index 0ed5584..5a918ee 100644
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -1,6 +1,7 @@
 {{- $image := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) -}}
 {{- $Permalink := .Destination | relURL | safeURL -}}
 {{- $alt := .PlainText | safeHTML -}}
+{{- $title := .Title | markdownify | safeHTML -}}
 {{- $Width := 0 -}}
 {{- $Height := 0 -}}
 {{- $Srcset := "" -}}
@@ -38,4 +39,7 @@
 		data-flex-grow="{{ div (mul $image.Width 100) $image.Height }}"
 		data-flex-basis="{{ div (mul $image.Width 240) $image.Height }}px"
 	{{ end }}
->
\ No newline at end of file
+>
+{{- if $title }}
+<figcaption>{{ .Title }}</figcaption>
+{{- end }}