.card{position:relative;border-radius:5px;overflow:hidden;cursor:pointer;opacity:0;transform:translateY(12px);transition:all .45s cubic-bezier(.2,.9,.2,1)}.card.visible{opacity:1;transform:translateY(0)}.card img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .4s ease}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.48) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;text-align:center;padding:12px;opacity:0;transition:opacity .28s}.card:hover .overlay{opacity:1}.card:hover img{transform:scale(1.06)}@media (max-width:640px){.card{height:180px;border-radius:12px}}