.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}.card{position:relative;width:380px;height:500px;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card-background{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease}.card:hover .card-background{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);cursor:pointer}.card-content{position:absolute;bottom:20px;left:20px;color:#fff}.card-content h3{margin:0;font-size:40px;font-weight:600}.card-content p{margin:5px 0 0;font-size:22px;color:#ccc}@media (max-width:768px){.card-container{padding:10px}.card{width:100%}.card-content h3{font-size:28px}.card-content p{font-size:16px}}