fix: restore grayscale on Bento grid images
Former-commit-id: f333c7612651e92d2d184e6028d585138ffbb779
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user