From 96480f20177983ab2d4378a98df6e5aeca933e3f Mon Sep 17 00:00:00 2001
From: deme <joaommdemenech@gmail.com>
Date: Fri, 21 Apr 2023 13:14:37 -0300
Subject: [PATCH] [website,#778][xs]: fix gallery item hover effect on Firefox

---
 site/components/GalleryItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/components/GalleryItem.tsx b/site/components/GalleryItem.tsx
index 53bf5f1e..5afc2c6f 100644
--- a/site/components/GalleryItem.tsx
+++ b/site/components/GalleryItem.tsx
@@ -9,7 +9,7 @@ export default function GalleryItem({ item }) {
         className="bg-cover bg-no-repeat bg-top aspect-video w-full group-hover:blur-sm group-hover:scale-105 transition-all duration-200"
         style={{ backgroundImage: `url(${item.image})` }}
       >
-        <div className="w-full h-full group-hover:backdrop-brightness-50 transition-all duration-200"></div>
+        <div className="w-full h-full bg-black opacity-0 group-hover:opacity-50 transition-all duration-200"></div>
       </div>
       <div>
         <div className="opacity-0 group-hover:opacity-100 absolute top-0 bottom-0 right-0 left-0 transition-all duration-200 px-2 flex items-center justify-center">