.marquee {
            white-space: nowrap;
            overflow: hidden;
            
            box-sizing: border-box;
            
            display: none; /* Initially hide the marquee */
        }
        
        .marquee span {
            display: inline-block;
            padding-left: 100%;
            animation: marquee1 39s linear infinite;
        }
        @keyframes marquee1 {
            0% { transform: translate(4%, 0); }
            100% { transform: translate(-102%, 0); }
        }#marqueeContainer {
            overflow: hidden;
            white-space: nowrap;
            width: 70%; 
        }
     @keyframes marquee {
            0% { transform: translateX(150%); }
            50% { transform: translateX(5%); }
            75% { transform: translateX(5%); }
            100% { transform: translateX(-100%); }
        }

        #marqueeText { font-size: 24px;
            display: inline-block;
            white-space: nowrap;
            animation: marquee 19s linear infinite;
        }