/* Sekcja: gallery_assorted - pełny CSS sekcji (zapis zagnieżdżony). */

.gallery-assorted {
    .wrapper {
        column-count: 4;
        column-gap: 0;

        a {
            display: block;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid;
            padding: 10px;
        }

        img {
            width: 100%;
            height: auto;
            border-radius: var(--image-border-radius);
        }
    }
}

@media (max-width: 575.5px) {
    .gallery-assorted {
        .wrapper {
            column-count: 2;
        }
    }
}

@media (min-width: 576px) and (max-width: 1199.5px) {
    .gallery-assorted {
        .wrapper {
            column-count: 3;
        }
    }
}