theme: separate image formatting between prose and header image

see #857

assets/scss/04-components/_figure.scss

@@ -29,23 +29,22 @@ figure {
   }
 
   .post-slider & {
-
     picture,
     img,
     .iframe-border,
     video {
       aspect-ratio: 2/1;
-
     }
   }
 
   &:hover {
     @extend .border-secondary;
   }
 
-  @extend .border;
-  @extend .border-1;
+  // @extend .border;
+  // @extend .border-1;
   @extend .rounded-1;
-  @extend .border-primary;
+
+  // @extend .border-primary;
   @extend .position-relative;
 }

assets/scss/05-prose/_images.scss

@@ -0,0 +1,50 @@
+figure {
+  @extend .mx-auto;
+
+  font-variant: small-caps;
+  transition: border 8000ms ease-out;
+
+  .inline-icons {
+    div {
+      @extend .p-2;
+    }
+
+    @extend .text-primary;
+    @extend .top-0;
+    @extend .end-0;
+    @extend .m-3;
+    @extend .position-absolute;
+    @extend .lh-1;
+  }
+
+  picture,
+  img,
+  .iframe-border,
+  video {
+    object-fit: cover;
+    overflow: hidden;
+
+    @extend .rounded-1;
+    @extend .w-100;
+  }
+
+  .post-slider & {
+    picture,
+    img,
+    .iframe-border,
+    video {
+      aspect-ratio: 2/1;
+    }
+  }
+
+  &:hover {
+    @extend .border-secondary;
+  }
+
+  // @extend .border;
+  // @extend .border-1;
+  @extend .rounded-1;
+
+  // @extend .border-primary;
+  @extend .position-relative;
+}

assets/scss/style.scss

@@ -108,6 +108,7 @@
   @import "05-prose/prose";
   @import "05-prose/footnotes";
   @import "05-prose/components";
+  @import "05-prose/images";
   @import "05-prose/tables";
 }