.parallax .parallax {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed; /* Parallax */
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.parallax .marco-parallax {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.parallax .overlay-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-size: cover;
    background-position: left;
    opacity: 0.2;
}

.parallax .contenido {
    position: relative;
    z-index: 3;
    height: 100%;
    /* display: flex;
    align-items: center; */
}

@media (max-width: 576px)
{
    .parallax .overlay-image {
        width: 100%;
    }
}

@media  (min-width: 577px) and (max-width: 767px)
{
    .parallax .overlay-image {
        width: 75%;
    }
}

@media (min-width: 768px) and (max-width: 991px) 
{
    .parallax .overlay-image {
        width: 75%;
    }

}