body{margin:0;background:#f3f5f7;font-family:Arial,sans-serif}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:30px}
.card{position:relative;height:420px;border-radius:24px;overflow:hidden;text-decoration:none}
.card img{width:100%;height:100%;object-fit:cover;filter:brightness(.65);transition:.3s}
.card:hover img{transform:scale(1.05);filter:brightness(.55)}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;padding:20px}
.overlay h2{color:#fff;font-size:2rem;text-align:center}