added shadow to image gallery desc text for better legibility

src/lib/lists/image-gallery.svelte

@@ -37,6 +37,7 @@
         <div class="gallery-text-container">
             <p class="gallery-index">{currentIndex + 1} / {images.length}</p>
             <div class="gallery-desc-container">
+            <p>&nbsp;</p> <!-- this element intentionally left blank -->
                 {#each images[currentIndex].desc as d}
                     <p>{@html d}</p>
                 {/each}
@@ -89,11 +90,6 @@
     }
 
     .gallery-text-container {
-        /* position: absolute;
-        left: 0;
-        right: 0;
-        bottom: 0; */
-
         height: 100%;
         width: 100%;
         display: flex;
@@ -111,17 +107,17 @@
         height: fit-content;
         font-size: 1.0rem;
         line-height: 1.4rem;
-        /* margin: 0; */
     }
 
     .gallery-desc-container {
-        margin-bottom: 12px;
+        padding-bottom: 12px;
         display: flex;
         flex-direction: column;
         gap: 4px;
     }
     .gallery-desc-container p {
         margin: 0;
+        text-shadow: 0 0 8px black;
     }
 
     .gallery-button-container {