2 files changed, 32 insertions, 1 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index d95ca04..61eca0a 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -37,6 +37,21 @@ h6 {
   margin-bottom: var(--hx-margin-bottom);
 }
 
+.heading {
+  a {
+    text-decoration: none;
+    font-weight: normal;
+    color: var(--content-secondary);
+    visibility: hidden;
+    font-size: 0.9em;
+    font-family: var(--font-mono);
+  }
+
+  &:hover a {
+    visibility: visible;
+  }
+}
+
 p {
   margin-top: var(--p-margin-top);
   margin-bottom: var(--p-margin-bottom);
@@ -394,6 +409,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;
 }
@@ -419,6 +448,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..995cf2e 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: 800px;
 
     /* Tables */
     --table-cell-padding: .5rem;
@@ -74,4 +75,4 @@
         --social-icons-bottom-margin: 0rem;
         --caption-padding: calc(2 * var(--main-padding));
     }
-}
+}
+\ No newline at end of file