/* CSS */
.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 1128px;
    width: 100%;
    margin: 100px auto;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0 16px;
}

.gallery__item {
    flex: 1 1 320px;
    min-width: 220px;
    width: 360px;
}

.gallery__img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
}

@media (max-width: 480px) {
    .gallery {
        gap: 12px;
        margin: 40px auto;
        padding: 0 12px;
    }

    .gallery__item {
        flex-basis: 100%;
        min-width: 0;
    }

    .gallery__img {
        height: 180px;
    }
}