body{
    width: 100vw;
    height: 100vh;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.cont{
    width: 100%;
    height: 80%;
    
}
.cont div{
    width: 33%;
    height: 50%;
    float: left;
    margin: 0;
    padding: 0;
}
.img1{
    background-image: url(../../../assets/images/etapes/tresse/04-1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.img2{
    background-image: url(../../../assets/images/etapes/tresse/04-2.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.img3{
    background-image: url(../../../assets/images/etapes/tresse/04-3.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.img4{
    background-image: url(../../../assets/images/etapes/tresse/04-4.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.img5{
    background-image: url(../../../assets/images/etapes/tresse/04-5.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.img6{
    background-image: url(../../../assets/images/etapes/tresse/05.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}