.hero-wrapper {
    background-image: url('../img/background1-cel.jpg');  /* Replace with your actual image path */
    background-position: right;
}

.service-1-wrapper {
    background-image: url('../img/background2-cel.jpg');
    background-position: 75% center;
}

.va-responsive-background {
    background-repeat: no-repeat;
    background-size: cover;  /* Cover ensures the image covers the div, adjust as needed */
    
}

.service-2-wrapper {
    background-image: url('../img/background3-cel.jpg');
    background-position: top;
}

.service-3-wrapper {
    background-image: url('../img/background4-cel.jpg');
    background-position: center; /* Adjust the percentage to position it further down */
}


.texto-hero {
    max-width:230px;
}

.texto-servicio-1{
    max-width:280px;
}

.contact-wrapper {
    background-image: url('../img/monumento-revolucion.jpg');
    background-position: bottom;
    
}





@media (min-width: 768px) { /* Adjusts for medium devices and up */
    .equal-height-header {
      height: 6rem; /* Example height; adjust as needed */
    }
    
    .hero-wrapper {
    background-image: url('../img/background1.jpg');  /* Replace with your actual image path */
    }
    
    .texto-hero {
    max-width:none;
    }
    
    .texto-servicio-1{
    max-width:none;
}
    
    .service-1-wrapper {
        background-image: url('../img/background2.jpg');
    }
    .service-2-wrapper {
        background-image: url('../img/background3.jpg');
    }
    
    .service-3-wrapper {
        background-image: url('../img/background4.jpg');
    }
 }


#gradient-background {
    background-image: linear-gradient(to bottom, antiquewhite, white);
}

#contact-wrapper {
    background-image: linear-gradient(180deg, white, white 50%, rgb(92,131,156) 100%);
    
}