.card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease}.card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}.card:hover .overlay{opacity:1;visibility:visible}.card-image{width:100%;height:350px;-o-object-fit:cover;object-fit:cover;border-radius:8px 8px 0 0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;color:#fff}