body, html{
    margin : 0px;
    height: 100%;
    width: 100%;
}
.bloc1{
    opacity: 0.5;
    background-color: orange;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 10%;
    left: 32%;
}
.bloc2{
    opacity: 0.5;
    background-color: aqua;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 30%;
    left: 18%;
}
.bloc3{
  opacity: 0.5;
    background-color: firebrick;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 10%;
    left: 20%;
        
    }  
    
.bloc4{
    opacity: 0.5;
    background-color: purple;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 34%;
    left: 30%;
}
.bloc5{
    opacity: 0.2;
    background-color: blue;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 22%;
    left: 26%;
}