.brands-worked h2 {
    grid-column: 4 / -4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(var(--default-margin) * 1.5);
    text-align: center;
}
.brands-list {
    grid-column: 1 / -1;
}
.brands-list-inner, .brands-list-inner > * {
    gap: 4.8rem;
}
.brands-list > * {
    width: 200%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.brands-list svg {
    flex-grow: 1;
    height: 100%;
    max-height: min(7vw, 17.92rem);
    margin-top: auto;
    margin-bottom: auto;
    filter: grayscale(1) brightness(0);
    transition: filter 0.15s var(--default-animation);
}
.brands-list svg:hover {
    filter: none;
}

@media only screen and (max-width: 1199px) {
    .brands-worked h2 {
        grid-column: 1 / -1;
    }
    .brands-list > * {
        width: 200%;
    }
    .brands-list .brands-list-inner > * {
        gap: 0;
    }
}

@media only screen and (max-width: 800px) {
    .brands-list > * {
        width: 300%;
    }
    .brands-list svg {
        max-height: 15vh;
        width: 200%;
        min-width: 22vw;
    }
    .brands-list-inner, .brands-list-inner > * {
        row-gap: 0;
    }
}