Refactor image description styling in styles.css. Added a text shadow effect to images for improved visibility and aesthetics, while hiding the previous description outline. These changes enhance the overall visual presentation and user engagement of image elements.

public/styles.css

@@ -49,22 +49,19 @@ img {
     letter-spacing: 0.5px;
     line-height: 1.4;
     z-index: 2;
+    color: white;
+    text-shadow: 
+        -1px -1px 0 #000,
+        1px -1px 0 #000,
+        -1px 1px 0 #000,
+        1px 1px 0 #000,
+        0 0 8px rgba(0,0,0,0.5);
+    mix-blend-mode: normal;
+    opacity: 1;
 }
 
 .description-outline {
-    position: absolute;
-    bottom: 1em;
-    left: 1em;
-    max-width: 80%;
-    text-align: left;
-    margin: 0;
-    font-size: 16px;
-    letter-spacing: 0.5px;
-    line-height: 1.4;
-    z-index: 1;
-    color: transparent;
-    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
-    mix-blend-mode: color-burn;
+    display: none;
 }
 
 .description {