diff --git a/layouts/partials/hero/background.html b/layouts/partials/hero/background.html
index 50efd835..98f67c24 100644
--- a/layouts/partials/hero/background.html
+++ b/layouts/partials/hero/background.html
@@ -98,7 +98,14 @@
       fetchpriority="high"
       class="absolute inset-0 w-full h-full object-cover"
       {{ if $style }}style="{{ $style | safeCSS }}"{{ end }} />
-    <div class="absolute inset-0 bg-neutral/60 dark:bg-neutral-800/50"></div>
+    {{ if $isClassic }}
+      <div
+        class="absolute inset-0 bg-gradient-to-t from-neutral to-transparent mix-blend-normal dark:from-neutral-800"></div>
+      <div
+        class="absolute inset-0 bg-gradient-to-t from-neutral to-neutral-100 opacity-60 mix-blend-normal dark:from-neutral-800 dark:to-neutral-800"></div>
+    {{ else }}
+      <div class="absolute inset-0 bg-neutral/60 dark:bg-neutral-800/50"></div>
+    {{ end }}
   </div>
 
   {{ if $shouldBlur | default false }}