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}
|
src={imgSrc}
|
||||||
alt={item.title || ''}
|
alt={item.title || ''}
|
||||||
fill
|
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"}
|
sizes={isLarge ? "(max-width: 768px) 100vw, 50vw" : "(max-width: 768px) 100vw, 25vw"}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user