edited ImageSubtitle formatting

src/lib/image-subtitle.svelte

@@ -6,16 +6,26 @@
     } = $props();
 </script>
 
-<span class="image-subtitle">{content}</span>
+<div class="image-subtitle-container">
+    <span class="image-arrow">↳</span>
+    <span class="image-subtitle">{content}</span>
+</div>
 
 <style>
-    .image-subtitle::before {
-        content: "↳ ";
-    }
-    .image-subtitle {
-        display: block;
-        width: 80%;
+    .image-subtitle-container {
+        display: flex;
+        flex-direction: row;
+        width: var(--media-width);
         margin: 0 auto;
+    }
+
+    .image-subtitle, .image-arrow {
         font-size: 1rem;
+        line-height: 1.2rem;
+        margin: 2px 0 0 0;
+    }
+
+    .image-arrow {
+        margin-right: 4px;
     }
 </style>