Project Showcase - Copy this React, Tailwind Component to your project

<div className={`absolute inset-0 bg-primary/50 transition-opacity duration-300 ${isHovered ? "opacity-100" : "opacity-0"}`}></div> on hover reveal the hover text only one hover index item and dim the image, add disprent height and column span for each