.ehoc-card{position:relative;overflow:hidden;border-radius:12px;}
.ehoc-img{width:100%;display:block;transition:.4s;}

.ehoc-overlay{
 position:absolute;
 inset:20px;
 background:#4A5FD9;
 opacity:0;
 visibility:hidden;
 border-radius:10px;
 padding:30px;
 display:flex;
 align-items:flex-end;
 transition:.35s;
}
.ehoc-content{color:white;opacity:0;transform:translateY(15px);transition:.35s;}
.ehoc-btn{display:inline-flex;width:38px;height:38px;border-radius:50%;background:white;color:#4A5FD9;justify-content:center;align-items:center;margin-top:10px;}

.ehoc-card:hover img{transform:scale(1.05);}
.ehoc-card:hover .ehoc-overlay{opacity:.95;visibility:visible;}
.ehoc-card:hover .ehoc-content{opacity:1;transform:translateY(0);}

/* GRAYSCALE MODES */
.gray-initial img{filter:grayscale(100%);}
.gray-initial:hover img{filter:grayscale(0%);}

.gray-hover img{filter:none;}
.gray-hover:hover img{filter:grayscale(100%);}

.gray-both img{filter:grayscale(100%);}