@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";.card-grid{display:grid;gap:0;width:100%;max-width:100%}.card{position:relative;height:500px;background-size:cover;background-position:center;transition:transform .2s ease-out;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.card-overlay{position:absolute;inset:0;background:#00000066;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;transition:background .3s ease}.card-text{max-width:80%}.card:hover .card-overlay{background:#0003}.card-overlay h2{font-family:Oswald,sans-serif;color:#fff;font-size:2.6rem;text-align:center;font-weight:400;text-transform:uppercase;line-height:1.4;letter-spacing:1px;margin:0 0 10px}.card-overlay p{font-family:Oswald,sans-serif;color:#eee;font-size:1.4rem;line-height:1.5;margin:0}.card:hover .card-overlay h2{color:#fff}.card{z-index:0}.card:hover{z-index:1}@media (max-width: 1200px){.card-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 900px){.card-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.card-grid{grid-template-columns:1fr!important}}