Better image CSS

themes/v2/assets/css/style.scss

@@ -118,13 +118,14 @@ img {
   }
 }
 
-.image-set {
+p:has(img) {
   display: flex;
   gap: 1em;
   margin-block-start: 1em;
   margin-block-end: 1em;
+  align-items: center;
 
-  figure {
+  a {
     line-height: 0;
   }
 }

themes/v2/layouts/shortcodes/thumbnail.html

@@ -8,12 +8,10 @@
 {{ end }}
 
 <a href="{{ $orig.RelPermalink }}">
-  <figure>
-    <img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}">
-    {{ with .Inner }}
-      <figcaption>
-        {{ . }}
-      </figcaption>
-    {{ end }}
-  </figure>
+  <img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}">
+  {{ with .Inner }}
+    <figcaption>
+      {{ . }}
+    </figcaption>
+  {{ end }}
 </a>