Merge pull request #3107 from 0r1k/issue-3106

Fix issue #3106 about background blur

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 }}