.marquee-container {
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                position: relative;
            }

            .header-name-lessons {
                display: inline-block;
                white-space: nowrap;
                transform: translateX(0); /* initial position */
                transition: transform 0.3s;
            }

            /* Animation keyframes: scroll left to right */
                @keyframes marquee {
                0%   { transform: translateX(0%); }
                50%  { transform: translateX(50%);}
                100% { transform: translateX(100%); }
            }

            /* On hover: trigger animation */
             .marquee-container:hover .header-name-lessons {
                animation: marquee 4s linear infinite;
            }