/* .works{
    position: relative;
} */
.works-container{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30vh;
    width: 100%;
    p{
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}
.w-c-img{
    img{
        width: 100%;
    }
}
.works-container:nth-child(1){
    margin-bottom: 20vh;
    h2{
        margin: 50vh 0 0 16vw;
        font-size: 2rem;
    }
    .w-c-img{
        width: 60%;
    }
}
.works-container:nth-child(2){
    p{
        margin: 10vh 10vw 0 0;
    }
    .w-c-img{
        width: 40%;
        margin-left: 10vw;
    }
}
.works-container:nth-child(3){
    p{
        margin: 0 0 0 10vw;
    }
    .w-c-img{
        width: 30%;
        margin: 10vh 15vw 0 0;
    }
}
.works-container:nth-child(4){
    p{
        margin: 20vh 10vw 0 0;
    }
    .w-c-img{
        width: 40%;
    }
}
.works-container:nth-child(5){
    p{
        margin: 0 0 0 14vw;
    }
    .w-c-img{
        width: 30%;
        margin: 0 5vw 0 0;
    }
}

.works-back{
    position: absolute;
    z-index: -1;
    width: 40%;
    img{
        width: 100%;
    }
}
.works-back1{
    top: 108vh;
    left: 8vw;
}
.works-back2{
    width: 50%;
    top: 220vh;
    right: 10vw;
}
.works-back3{
    width: 45%;
    top: 228vh;
    right: -3vw;
}
.works-back4{
    width: 45%;
    top: 407vh;
    left: -5vw;
    transform: rotate(180deg);
}