.brand-wrapper {
    .container {
        width: 100%;
        margin: 0 auto;
        padding: 0 50px;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;

        @media (max-width: 768px) {
            padding: 0 20px;
        }

        .brand-container {
            display: flex;
            flex-direction: column;
            gap: 100px;
            padding: 0 0 130px;

            @media (max-width: 992px) {
                padding: 0 0 50px;
                gap: 50px
            }
        }
    }
}