[class*="particle-"] {
    position: absolute;
    opacity: .5;
}
.particle-1 {
    top: 10.7%;
    left: 34.9%;
}
.particle-2 {
    top: 33%;
    left: 5%;
}
.particle-3 {
    top: 19%;
    left: 52%;
}
.particle-4 {
    bottom: 0%;
    left: 4%;
}
.particle-5 {
    bottom: 19%;
    left: 48%;
}
.particle-6 {
    top: 0%;
    left: 24%;
}
.particle-7 {
    top: -5%;
    right: 9%;
}
.particle-8 {
    top: 85%;
    right: 0%;
}
.particle-9 {
    top: 14%;
    left: 0%;
}
.particle-20 {
    top: 33%;
    right: 0%;
}
.particle-10 {
    top: 18%;
    left: 14%;
}
.particle-10-1 {
    bottom: 0;
    left: 41%;
}
.particle-11 {
    bottom: -7%;
    left: 0;
}
.particle-12 {
    top: 33%;
    right: 0%;
}
.particle-13 {
    bottom: 0;
    left: 3%;
}
.particle-14 {
    top: 3%;
    right: 14%;
}
.particle-15 {
    top: 76%;
    left: 0%;
}
.particle-16 {
    top: 33%;
    right: 0%;
}
.particle-17 {
    bottom: 1%;
    left: 0%;
}
.particle-18 {
    top: 33%;
    right: 0%;
    top: 10%;
    right: 18%;
}
.particle-19 {
    bottom: 18%;
    left: 8%;
}