.gallery {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: .625rem;
    width: fit-content;
}

.gallery-item {
    width: fit-content;
    height: fit-content;
    display: block;
}

.gallery-item img,
video {
    height: 14rem;
    width: auto;
    display: block;
    border-width: .125rem;
    border-color: var(--theme-text-color);
    border-style: solid;
}

.desc {
    margin: .4375rem 0 .4375rem 0;
}

@media (max-width: 21.875rem) {

    .gallery-item img,
    video {
        height: 12rem;
    }
}