diff --git a/src/App.tsx b/src/App.tsx
index 12c68ee..1ebfbb1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -65,7 +65,6 @@ function App() {
     height: "100vh",
     aspectRatio: "16/9",
     objectFit: "clip",
-    opacity: "40%"
   }
 
   const { width } = useWindowDimensions()
@@ -87,7 +86,8 @@ function App() {
     <>
 
       <div className="w-screen h-screen flex flex-col absolute overflow-hidden">
-        <div className="-z-10 absolute h-full blur-xl bg-black">
+        <div className="-z-10 bg-black/20 w-full h-full absolute"></div>
+        <div className="-z-20 absolute h-full blur-xl bg-black">
           <CrossfadeImage src={backdrop} style={crossfadeImageStyles} />
         </div>
         <header className="bg-black py-2">