diff --git a/src/client/index.html b/src/client/index.html
index eafd603bd..cbf856072 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -65,12 +65,19 @@
         left: 0;
         width: 100%;
         height: 100%;
-        filter: blur(4px);
         z-index: -1;
       }
 
+      .bg-image::before {
+        content: "";
+        position: absolute;
+        width: 100%;
+        height: 100vh;
+        backdrop-filter: blur(5px);
+      }
+
       .dark .bg-image {
-        filter: blur(4px) brightness(0.4) saturate(0.3) contrast(1.2);
+        filter: brightness(0.4) saturate(0.3) contrast(1.2);
       }
 
       /* display:none if child has class parent-hidden since we can't use shadow DOM in Lit due to Tailwind */