#catchcopyDivElements{

}

#catchcopyDivElements .elementBox{
    position:sticky;
    top:0;
    font-size: 1.5rem;
    height:100vh;
    width:100%;
    /* background-color: rgba(255,0,0,0.1); */
    background-size:cover;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom:80vh;
}

#catchcopyDivElements .elementBox:last-child{
    margin-bottom:0vh;
}

.stickyBuffer{
    position:sticky;
    height:200px;
    background:rgba(0,0,255,0.2);
    top:0vh;
}

#catchcopyDivElements .elementInnerBox{
    position:sticky;
    top:30vh;
    color:#FFFFFF;
    /* background:rgba(0,255,0,0.2); */
    height:80vh;
}

.innerWrapper{
    position:absolute;
    width:90vw;
    height:50vh;
    left:50%;
    top:50%;
    transform:
        translate(-50%, -50%);
        overflow: hidden;
}

#catchcopyDivElements .elementInnerBox .innerWrapper div{
    opacity:0;
    -webkit-text-stroke: .08rem rgba(0,0,0,0.5);
}

#element0{
    background:
        linear-gradient(135deg
                        , transparent 0%
                        , transparent 75%
                        , white 75%
                        , white 78%
                        , transparent 78%
                        , transparent 80%
                        , white 80%
                        , white 86%
                        , transparent 86%
                        , transparent 88%
                        , white 88%
                        , white 100%
                        )
        , url("image/pexels-yan-krukov-8867241.jpg");
    
}

#element0 div{
    color:#FFFFFF;
    font-size:2rem;
    -webkit-text-stroke: .1rem rgba(0,0,0,0.5);
}

#element1{
    background:url("image/pexels-august-de-richelieu-7432039.jpg")
    ;
}

#element1 div{
    color:#FFFFFF;
}


#element2{
    background:url("image/pexels-mikhail-nilov-6592668.jpg");
}

#element3{
    
    background:url("image/pexels-thirdman-5257759.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
}

#element4{
    
    background:url("image/pexels-andrea-piacquadio-3756679.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
}

#element5{
    
    background:url("image/pexels-cottonbro-7086029.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
}

#elementBuffer{
    background:url("image/pexels-oleksandr-pidvalnyi-370037.jpg");
    background-size:contain;
    background-repeat: no-repeat;
    background-position: bottom;
}