.welcome-message {
    display: inline-block;
    box-sizing: border-box;
    animation: marquee 20s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}


@media (max-width: 768px) {
   

    

    .hero-content {
        max-width: 71%;
font-size:small;
bottom:20px;
    }
        .hero-content h1{
            font-size:medium;
        }
    .hero-img {
         height: 120vh;
    }
}