.media-gallery{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.media-gallery a{
    display:block;
    overflow:hidden;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 12px 30px rgba(15,23,42,.06);
}

.media-gallery img{
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
    transition:transform .18s ease;
}

.media-gallery a:hover img{
    transform:scale(1.04);
}