.card-item{position:relative;width:300px;height:300px;margin:0 15px;overflow:hidden;border-radius:8px;flex-shrink:0;background:linear-gradient(180deg,#e0e0e0 0%,#fff 100%)}.card-item img{width:100%;height:100%;object-fit:contain;padding:24px}.overlay-info{position:absolute;inset:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:.4s}.card-item:hover .overlay-info{opacity:1}.overlay-info h2{color:#fff;font-family:"Tinos",serif;font-size:20px;text-align:center;text-transform:uppercase;margin:0}@media (max-width:768px){.overlay-info{opacity:1;align-items:flex-end;justify-content:flex-start;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 40%,rgba(0,0,0,0) 100%)}.overlay-info h2{text-align:left;font-size:16px;padding:0 10px 10px}.card-item{width:240px;height:240px}}