From 9bec6c84155b28945c0b0ca2248ee9c89420486b Mon Sep 17 00:00:00 2001
From: Samuel Wittlinger <samo.wittlinger@gmail.com>
Date: Thu, 18 Jul 2024 09:05:59 +0200
Subject: [PATCH] tryfix: noise broken on some devices

---
 src/components/sections/hero/section.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/sections/hero/section.tsx b/src/components/sections/hero/section.tsx
index 4f5b28c..61721ff 100644
--- a/src/components/sections/hero/section.tsx
+++ b/src/components/sections/hero/section.tsx
@@ -22,7 +22,19 @@ export default function HeroSection() {
 
   return (
     <AnimateOnView className="relative lg:min-h-[820px]">
-      <div className="inset-0 pointer-events-none bg-repeat bg-[url(/noise.svg)] bg-[center_bottom]  absolute z-10 mix-blend-multiply opacity-60 filter grayscale"></div>
+      <div
+        style={{
+          inset: 0,
+          pointerEvents: "none",
+          backgroundRepeat: "repeat",
+          backgroundImage: "url(/noise.svg)",
+          position: "absolute",
+          zIndex: 10,
+          mixBlendMode: "multiply",
+          opacity: 0.6,
+          filter: "grayscale(1)",
+        }}
+      ></div>
       <div
         ref={sectionRef}
         className="bg-cover bg-[center_bottom]  bg-no-repeat lg:min-h-[820px] brightness-110"