body {
    margin: 0;

    height: 400vh;
}


.parallax {
    height: 300vh;
    position: relative;
    overflow: hidden;
}

.parallax__bg,
.parallax__layer {
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;

    height: 100%;
    object-fit: cover;


}

.parallax__bg {
    z-index: 1;

    --parallax-speed: 0.5;
}

.parallax__layer--2 {
    z-index: 4;
    --parallax-speed: 0.4;
}

.parallax__layer--3 {
    z-index: 6;
    --parallax-speed: 0.38;
}

.parallax__layer--4 {
    z-index: 7;
    --parallax-speed: 0.3;
}

.parallax__layer--5 {
    z-index: 8;
    --parallax-speed: 0.34;
}


.parallax__layer--6 {
    z-index: 10;
    --parallax-speed: 0.1;
    opacity: 30%;
}

.parallax__layer--7 {
    z-index: 9;
    --parallax-speed: 0.32;
    
}


.parallax__layer--8 {
    z-index: 7;
    --parallax-speed: 0.3;
    
}

.parallax__layer--10 {
    z-index: 9;
    --parallax-speed: 0.2;
    opacity: 70%;
    
}


.parallax__layer--11 {
    z-index: 10;
    --parallax-speed: 0.15;
    
}


.parallax__content{
    position: relative;
    z-index: 10;
    text-align: center;
    top: 50%;
    filter: drop-shadow(0 4px 0 rgb(36,35,35));
}