.card-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));margin-top:24px}.card-front h3{color:#fff;font-family:Roboto;font-size:24px;font-style:Condensed Bold;font-weight:700;margin-bottom:0;margin-top:0}.card{aspect-ratio:255/348;border-radius:30px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.card-front{align-items:flex-start;aspect-ratio:255/348;background-position:50%;background-size:cover;color:#fff;display:flex;font-weight:700;padding:2.5rem 2rem;z-index:1}.card-front,.card-hover{height:100%;position:absolute;transition:opacity .3s ease;width:100%}.card-hover{opacity:0;z-index:2}.card-hover-description{color:#243056;margin-top:12px}.card:hover{box-shadow:6px 6px 4px 0 rgba(0,0,0,.15)}.card:hover .card-front{opacity:0}.card:hover .card-hover{opacity:1}.glass{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:linear-gradient(152deg,hsla(0,0%,100%,.6) 1.16%,hsla(0,0%,100%,.05) 85.83%);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:2.5rem 2rem}.glass h3{font-family:Roboto;font-size:24px;font-style:Condensed Bold;font-weight:700;margin-bottom:0;margin-top:0}@media screen and (max-width:600px){.card{aspect-ratio:4/3}}