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