.gallery-rows {
    --gap: 2rem;
}

.gallery-rows__list {
    gap: var(--gap);
}

.gallery-rows__row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    width: 100%;
}

.gallery-rows__image {
    flex: 1;
}

@media screen and (max-width: 767.9px) {
    .gallery-rows__row {
        flex-direction: column;
    }

    .gallery-rows__image {
        flex: 0 0 auto;
        widows: 100%;
    }
}