From 5ee068956a9cbf79bcc0fbb8b7396597b8fb1093 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 4 Nov 2024 13:31:34 -0600
Subject: [PATCH] Fix bg blur

---
 src/components/banner/HeroBanner.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/banner/HeroBanner.js b/src/components/banner/HeroBanner.js
index 59081ca..30ddcb4 100644
--- a/src/components/banner/HeroBanner.js
+++ b/src/components/banner/HeroBanner.js
@@ -60,8 +60,8 @@ const HeroBanner = () => {
                 alt="Banner"
                 quality={100}
                 fill
-                style={{ objectFit: 'cover', transform: 'scaleX(-1)', filter: 'blur(2px)' }}
-                className='opacity-100 rounded-lg'
+                style={{ objectFit: 'cover', transform: 'scaleX(-1)', filter: isTabView ? 'blur(1px)' : 'blur(3px)' }}
+                className='opacity-90 rounded-lg'
             />
             <div className="absolute inset-0 bg-gradient-to-br from-black via-black/20 to-transparent rounded-lg" />