.scroll-container {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
    position: relative;
}

.scroll-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    animation: scroll var(--scroll-duration) linear infinite;
}
    .scroll-content:hover {
        animation-play-state: paused;
    }

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(calc(-50%));
    }
}