/* .world--1n {
    top: 44.2%;
    left: 31.5%;
 } */

.world--1 {
   top: 24%;
   left: 41%;
   width: 32%;
   z-index: 3;
}

.world--2 {
   top: 10%;
   left: 4%;
   width: 18%;
   z-index: 1;
}

@keyframes brightness {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}

.world--2.win:after {
   content: "";
   position: absolute;
   left: 20%;
   top: 10%;
   width: 160%;
   height: 100%;
   background-image: url(../img/brightness.png);
   background-size: contain;
   background-repeat: no-repeat;
   animation: brightness .6s 1s backwards;
}

/* .world--2n {
    top: 18.6%;
    left: 43.4%;
 } */

.world--3 {
   top: 25%;
   left: 73%;
   width: 11%;
   z-index: 4;
}

/* .world--3n {
    top: 46.7%;
    left: 56%;
 } */

.world--4 {
   top: 63%;
   left: 22%;
   width: 42%;
   z-index: 2;
}

/* .world--4n {
    top: 46.8%;
    left: 83.6%;
 } */