fix: restore grayscale on Bento grid images

Former-commit-id: f333c7612651e92d2d184e6028d585138ffbb779
This commit is contained in:
2026-05-10 15:44:50 +02:00
parent ee92692aac
commit 22faf4387d

View File

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