.marquee {
    top: 1rem;
    z-index: -2;
    position: fixed;
    overflow: hidden;
    opacity: 0;
    animation: 4s fadein linear 2s forwards;
}

.marquee.first {
    left: 2rem;
}

.marquee.second {
    left: 0rem;
}

.marquee.third {
    right: 9rem;
}

.marquee.fourth {
    right: 0rem;
}

.logo-slide {
    gap: 1rem;
    display: flex;
    width: fit-content;
    position: relative;
    flex-direction: column;
}

.logo-slide.outer {
    animation: 30s marquee-down infinite linear;
}

.logo-slide.inner {
    animation: 30s marquee-up infinite linear;
}

.marquee::before {
    top: 0;
    z-index: 1;
    content: '';
    width: 100%;
    height: 4rem;
    position: absolute;
    background: linear-gradient(to bottom, #000000, #00000000);
}

.logo-slide img {
    width: 6rem;
    opacity: .3;
    border-radius: .5rem;
}