diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index badf44d8..2ba19c97 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3506,10 +3506,6 @@ body:has(#menu-controller:checked) {
   opacity: 0.6;
 }
 
-.dark .dark\:mix-blend-multiply {
-  mix-blend-mode: multiply;
-}
-
 .dark .dark\:hover\:bg-primary-900:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
diff --git a/layouts/partials/hero/background.html b/layouts/partials/hero/background.html
index a652bd37..5c73f6a3 100644
--- a/layouts/partials/hero/background.html
+++ b/layouts/partials/hero/background.html
@@ -7,7 +7,7 @@
 <div class="fixed inset-x-0 top-0 h-[700px] single_hero_background nozoom"
     style="background-image:url({{ .RelPermalink }});">    
     <div
-        class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal dark:mix-blend-multiply">
+        class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
     </div>
     <div
         class="absolute inset-0 opacity-30 dark:opacity-60 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">