nice

backend/static/styles.css

@@ -80,10 +80,17 @@ h3 {
   display: flex;
   align-items: flex-end;
   background-image:
-    linear-gradient(to top, rgba(20, 30, 22, 0.72), rgba(20, 30, 22, 0.2)),
+    linear-gradient(
+      to top,
+      rgba(18, 31, 24, 0.42) 0%,
+      rgba(18, 31, 24, 0.16) 50%,
+      rgba(18, 31, 24, 0.04) 100%
+    ),
     var(--hero-image);
   background-size: cover;
-  background-position: center 28%;
+  background-position: center 24%;
+  background-color: #f2eee3;
+  background-blend-mode: normal;
   box-shadow: 0 14px 38px rgba(39, 66, 53, 0.18);
 }
 
@@ -93,6 +100,11 @@ h3 {
   color: #fff;
 }
 
+.hero-overlay h1,
+.hero-overlay p {
+  text-shadow: 0 2px 14px rgba(10, 20, 14, 0.34);
+}
+
 .hero-kicker {
   margin: 0 0 0.25rem;
   letter-spacing: 0.06em;