1 files changed, 12 insertions, 11 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index a2f67cf..63fa220 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -447,18 +447,19 @@ footer a {
 
 /* images */
 
-figure>div {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-}
+figure {
+  .img-container {
+    aspect-ratio: var(--w) / var(--h);
+    max-height: var(--figure-img-max-height);
+    width: auto;
+    margin-inline: auto;
+  }
 
-figure img {
-  max-width: 100%;
-  max-height: var(--figure-img-max-height);
-  width: auto;
-  height: auto;
-  margin-inline: auto;
+  img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+  }
 }
 
 .dark .img-light {