/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
    .hero-section {
        background-image: url(../images/hero.webp);
        height: 65vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }    
}