diff --git a/assets/scss/markup/render-image.scss b/assets/scss/markup/render-image.scss
index 8739db0..7ca0cb3 100644
--- a/assets/scss/markup/render-image.scss
+++ b/assets/scss/markup/render-image.scss
@@ -1,10 +1,16 @@
 .md-img {
-    margin: 3em;
-    &.with-text { margin-bottom: .5em; }
+    display: flex;
+    flex-direction: column;
+    margin: 3rem auto;
+    img {
+        border-radius: 1rem;
+        margin: 0 auto;
+        box-shadow: rgba(0, 0, 0, .25) 0 0 .5rem;
+    }
+    &.with-text img { margin-bottom: .5rem; }
     &-text {
         font-size: .8em;
         font-weight: 300;
-        margin: 0 0 3em 0;
         text-align: center;
     }
 }
\ No newline at end of file
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
index 7893be9..42b4b47 100644
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -1,4 +1,4 @@
-<p class="md-img {{ with .Text }}with-text{{ end }}">
+<figure class="md-img {{ with .Text }}with-text{{ end }}">
     <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title }} title="{{ . }}"{{ end }} loading="lazy" />
-</p>
-{{ with .Text }}<p class="md-img-text">{{ . }}</p>{{ end }}
\ No newline at end of file
+    {{ with .Text }}<figcaption class="md-img-text">{{ . }}</figcaption>{{ end }}
+</figure>
\ No newline at end of file