.logo-background {
    /* position: fixed; */
    top: 0; left: 0;
    width: 100%; height: auto;
    overflow: hidden;
    z-index: -1;
    opacity: 0.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2em;
}

.logo-row {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.logo-track {
    display: flex;
    animation: slide var(--slide-speed, 30s) linear infinite;
}


.logo-row.odd .logo-track {
    animation-direction: reverse;
}

.logo-item {
    display: flex;
    align-items: center;
    width: auto;
    margin: auto 2em;
    height: 150px;
}

.logo-item > img {
    height: auto;
    min-width: 150px;
}

@keyframes slide {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}