2 files changed, 16 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index 4bcad33..75173aa 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -407,6 +407,20 @@ footer a {
 
 /* images */
 
+figure > div {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+figure img {
+  max-width: 100%;
+  max-height: var(--figure-img-max-height);
+  width: auto;
+  height: auto;
+  margin-inline: auto;
+}
+
 .dark .img-light {
   display: none !important;
 }
@@ -432,6 +446,7 @@ footer a {
 }
 
 .img-full img {
+  height: auto;
   width: 100vw !important;
   max-width: 100vw !important;
 }
diff --git a/assets/css/vars.css b/assets/css/vars.css
index 837acf7..9a6584f 100644
--- a/assets/css/vars.css
+++ b/assets/css/vars.css
@@ -53,6 +53,7 @@
 
     /* Content */
     --content-height: calc(100vh - var(--footer-height));
+    --figure-img-max-height: 500px;
 
     /* Tables */
     --table-cell-padding: .5rem;