/* update 21/09/2022 */

.bs-parallax{
    padding: 3rem 0;
    margin-bottom:1rem;
    text-align:center;
    /*imagen se agrega en el componente*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    /*necesita un color mientas no carga la imagen*/
    background-color:gray;
    color:white;
}

.bs-parallax__title{
    padding:1rem;
}
.bs-parallax__image{
    margin:1rem;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
        .bs-parallax{ 
            background-attachment: scroll;
        }
    }/*media*/
}
@media not all and (min-resolution:.001dpcm) { 
    @media {
        .bs-parallax{ 
                background-attachment: scroll;
        }
    }
}
/* parallax no funciona en iphone, imagen queda estatica  */
@supports (-webkit-touch-callout: none) {
   .bs-parallax{ 
       background-attachment: scroll;
   } 
}