.cat-item{
position:relative;
display:block;
overflow:hidden;
border-radius:10px;
}

.cat-item img{
width:100%;
height:120px;
object-fit:cover;
display:block;
}

/* Overlay */
.cat-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:0.3s;
}

.cat-overlay span{
color:#fff;
font-size:16px;
font-weight:600;
}

/* Hover Effect */
.cat-item:hover .cat-overlay{
opacity:1;
}