.thumbnails {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 1em;
}

.thumbnails__container,
.gallery__image {
    border: 1px solid #eee;
}

.thumbnails__image {
    padding: 0;
}

.thumbnails__image--active {
    background-color: #eee;
    padding: 1px;
}

@media only screen and (max-width: 820px) {
    .gallery__title {
        margin: 0.5em 0;
    }

    .thumbnails {
        display: grid;
        grid-template-columns: repeat(1, auto);
        grid-template-rows: repeat(2, auto);
        gap: 1em;
    }

    .gallery__image {
        display: none;
    }
}