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(0px 4px 0 rgb(36, 35, 35));
}