From 22faf4387d54762bef6ca08dd4546bc3250ab945 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Sun, 10 May 2026 15:44:50 +0200
Subject: [PATCH] fix: restore grayscale on Bento grid images

Former-commit-id: f333c7612651e92d2d184e6028d585138ffbb779
---
 components/blocks/CompetenceBentoGrid.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/blocks/CompetenceBentoGrid.tsx b/components/blocks/CompetenceBentoGrid.tsx
index 650213612..ada207065 100644
--- a/components/blocks/CompetenceBentoGrid.tsx
+++ b/components/blocks/CompetenceBentoGrid.tsx
@@ -136,7 +136,7 @@ export function CompetenceBentoGrid(props: CompetenceBentoGridProps) {
                         src={imgSrc}
                         alt={item.title || ''}
                         fill
-                        className="object-cover opacity-90 group-hover:scale-105 group-hover:opacity-100 transition-all duration-700 ease-in-out"
+                        className="object-cover opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 group-hover:opacity-100 transition-all duration-700 ease-in-out"
                         sizes={isLarge ? "(max-width: 768px) 100vw, 50vw" : "(max-width: 768px) 100vw, 25vw"}
                       />
                     </div>