From a7ecfce178a2e9fb72ada63253667a1ac27e475f Mon Sep 17 00:00:00 2001
From: andrzej <andrzejjamesstepien@gmail.com>
Date: Mon, 7 Oct 2024 18:39:17 +0200
Subject: [PATCH] make bg transitions less like a flash-bulb

---
 src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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