html,
body {
    background: #333;
    margin: 0;
}

#gallery {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 20px;
    padding: 0 5vw;
}

figure:hover {
    transform: scale(1.05);
}

img {
    width: auto;
    max-height: 500px;
    max-width: 95dvw;
}

figcaption,
figcaption a {
    margin-top: 0.5em;
    color: #dcdcdc;
    font-family: "Courier New", Courier, monospace;
    text-align: center;
    font-weight: 0.9em;
}

figure {
    margin: 50px 0;
    transition: all 0.5s ease-out;
}