From be8081973d37b7ff876283ca551d94e51be1a96c Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Wed, 6 Aug 2025 09:30:17 +0200
Subject: [PATCH] Use modern CSS to style figcaptions.

---
 assets/sass/base/images/_images.scss | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/assets/sass/base/images/_images.scss b/assets/sass/base/images/_images.scss
index 67774a1..430c968 100644
--- a/assets/sass/base/images/_images.scss
+++ b/assets/sass/base/images/_images.scss
@@ -36,14 +36,13 @@ figure {
   &.image {
     figcaption {
       padding-block-start: var(--image-padding);
+      contain: inline-size;
       // Set max text line width in main for readability.
       max-width: var(--max-line-width);
       // Nicer text wrap, e.g. no lone word on last line.
       text-wrap: pretty;
 
       @media (min-width: 666px) {
-        display: table-caption;
-        caption-side: bottom;
         padding-block-start: 0;
       }
 
@@ -53,7 +52,7 @@ figure {
     }
 
     @media (min-width: 666px) {
-      display: table;
+      inline-size: fit-content;
 
       &.left {
         figcaption {