SubtitledImage now using rounded corners

src/lib/components/subtitled-image.svelte

@@ -30,7 +30,8 @@
         : alignment == "right"
             ? "subtitled-img-container-right"
             : "subtitled-img-container-centred"
-    }"
+    }
+    "
     href="{image}"
     >
 
@@ -40,6 +41,7 @@
         <img class="
             subtitled-img
             {pixelated ? "pixelated-img" : ""}
+            {subtitle ? "subtitled-img-sub" : "subtitled-img-no-sub"}
         "
         src="{image}"
         alt="{altText}"
@@ -63,6 +65,7 @@
         text-decoration: none;
         box-sizing: border-box;
         transition: background-color var(--duration-animation) var(--anim-curve);
+        border-radius: var(--border-radius);
     }
 
     .subtitled-img-container-centred {
@@ -80,6 +83,16 @@
         width: 100%;
         box-sizing: border-box;
         padding: 8px;
+        overflow: hidden;
+    }
+
+    .subtitled-img-sub {
+        border-top-left-radius: var(--border-radius);
+        border-top-right-radius: var(--border-radius);
+    }
+
+    .subtitled-img-no-sub {
+        border-radius: var(--border-radius);
     }
 
     hr {