From bf12ad823df248fb60aad69653fbe4a010fac297 Mon Sep 17 00:00:00 2001
From: knight <gitea@ghost.tel>
Date: Sat, 4 Jan 2025 12:31:18 -0500
Subject: [PATCH] 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 | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/public/styles.css b/public/styles.css
index 44604aa..c96bd8f 100644
--- a/public/styles.css
+++ b/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 {