#logos {
    --gap: 40px;
    padding-top: 62px;
    padding-bottom: 49px;
}
#logos .inner {
    width: max-content;
    max-width: 100%;
    column-gap: var(--gap);
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 15px;
}
#logos .inner::-webkit-scrollbar {
    display: none;
}
@media screen and (max-width: 567px) {
    #logos {
        --gap: 30px;
        padding-top: 40px;
        padding-bottom: 29px;
    }
    #logos .inner .logo {
        flex: 0 0 24.49%;
    }
}