.parallax,
.bsz,
.bsz .bgImage,
.bsz img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bsz img {
    opacity: 0;
}

.bgImage {
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; 
}

.img-fluid {
    position: relative;
}

.parallax {
    clip: rect(auto,auto,auto,auto);
    overflow: hidden;
}

.parallax .bsz {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

@media screen and (max-height: 750px) {
    .parallax .bsz {
        height: 150%;
        margin-top: -25vh;
    }
}

@media screen and (max-height: 550px) {
    .parallax .bsz {
        height: 200%;
        margin-top: -50vh;
    }
}

@media screen and (max-width: 840px) {
    .parallax .bsz {
        position: absolute;
    }
}