.element {
  content: '';
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.img-1 {
  background-image: url('../images/star-bold.png');
  width: 100px;
  height: 102px;
  top: -2%;
  left: 2%;
}

.img-2 {
  background-image: url('../images/ra-mascote.png');
  width: 75px;
  height: 85px;
  top: 12%;
  right: 10%;
}

.img-3 {
  background-image: url('../images/star-light.png');
  width: 80px;
  height: 80px;
  top: 32%;
  left: 10%;
  transform: rotate(180deg);
}

.img-4 {
  background-image: url('../images/selo-ra.png');
  width: 100px;
  height: 102px;
  top: 50%;
  left: 1%;
}

.img-5 {
  position: absolute;
  background-image: url('../images/star-light.png');
  width: 200px;
  height: 200px;
  top: 60%;
  right: -38%;
  display: none;
}

.img-6 {
  background-image: url('../images/ra-mascote.png');
  width: 120px;
  height: 126px;
  top: 70%;
  left: 10%;
  display: none;
}

.img-7 {
  background-image: url('../images/trofeu.png');
  width: 74px;
  height: 251px;
  top: 108%;
  left: -2%;
  display: none;
}

.img-8 {
  background-image: url('../images/star-bold.png');
  width: 100px;
  height: 102px;
  top: 90%;
  right: 8%;
}

.img-9 {
  background-image: url('../images/selo-ra.png');
  width: 100px;
  height: 102px;
  top: 110%;
  right: 1%;
}

.img-10 {
  background-image: url('../images/star-bold.png');
  width: 150px;
  height: 152px;
  top: 140%;
  left: 5%;
}

.img-11 {
  background-image: url('../images/trofeu.png');
  width: 74px;
  height: 251px;
  bottom: -96%;
  right: 2%;
}

@media screen and (min-width: 900px) {
  .img-2 {
    width: 100px;
    height: 106px;
    top: 20%;
    right: 20%;
  }

  .img-3 {
    left: 20%;
  }

  .img-4 {
    left: 10%;
  }

  .img-5 {
    right: 5%;
    display: block;
  }

  .img-6 {
    right: 15%;
    display: block;
  }

  .img-7 {
    left: 15%;
    display: block;
  }

  .img-8 {
    right: 20%;
  }

  .img-9 {
    right: 20%;
  }

  .img-11 {
    bottom: -70%;
  }
}

@media screen and (min-width: 1500px) {
  .img-2 {
    top: 20%;
    right: 30%;
  }

  .img-3 {
    left: 30%;
  }

  .img-4 {
    left: 20%;
  }

  .img-5 {
    right: 10%;
  }

  .img-6 {
    right: 20%;
  }

  .img-7 {
    left: 20%;
  }

  .img-10 {
    left: 18%;
  }

  .img-11 {
    bottom: -50%;
    right: 10%;
  }
}