.hover-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
 gap:25px;
}

.hover-card{
 position:relative;
 overflow:hidden;
}

.hover-card img{
 width:100%;
 aspect-ratio:1/1;
 object-fit:cover;
 transition:.4s;

}

.hover-card::after{
 content:"";
 position:absolute;
 inset:0;
 mix-blend-mode:multiply;
 opacity:0;
 transition:.4s;
}

.hover-card:hover::after{
 opacity:.85;
}

.hover-card:hover img{

}

.hover-card {

    border: 1px solid #ebebeb;
    border-radius: 10px;
}

.hover-card h3{
 padding:15px;
 text-align:center;
 color:#ff3000;
 font-weight:900;
  transition:.4s;
  font-size:16px;
}

.hover-overlay{
 position:absolute;
 inset:0;
 

 opacity:0;
 transition:.4s;
}

.hover-card:hover .hover-overlay{
 opacity:1;
}

.hover-card:hover img{
 transform:scale(1.08);
  filter:grayscale(100%) contrast(120%); 
}

.hover-card:hover h3{
 color:#1800ad;
 font-weight:900;
  transition:.4s;
  font-size:16px;
}