.scroll-container {
    width: 101%;
    background-color: #E7EBEE;
    overflow: hidden;
    position: relative; 
    z-index: 1050;
}

.scroll-msg {
    white-space: nowrap;
    display: inline-block;
    font-size: 15px;
    color: #333;
    position: relative;
}

@keyframes scroll-left-desktop {
    from {
        transform: translateX(100vw);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes scroll-left-mobile {
    from {
        transform: translateX(100vw);
    }
    to {
        transform: translateX(-100%);
    }
}

.animate {
    animation: scroll-left-desktop 25s linear;
}

@media (max-width: 600px) {
  .animate {
    animation-name: scroll-left-mobile;
    animation-duration: 15s;
  }
}