.doces {
  height: auto;
  position: absolute;
  animation: girar 5s linear infinite;
}
.premio {
  height: auto;
  position: absolute;
  filter: drop-shadow(1px 1px 3px #00000020);
  z-index: 1;
}

.doce-rosa {
  width: 10%;
  height: auto;
  left: 20%;
  margin-bottom: 350px;
}

.premio-10 {
  width: 8%;
  left: 21%;
  margin-bottom: 350px;
  z-index: 1;
}

.doce-azul {
  width: 10%;
  right: 18%;
  rotate: 0deg;
}

.premio-50 {
  width: 8%;
  right: 19%;
  z-index: 1;
}

.doce-marrom {
  width: 10%;
  left: 15%;
  margin-bottom: 350px;
}
.premio-100 {
  width: 8%;
  left: 16%;
  margin-bottom: 350px;
  z-index: 1;
}

.doce-verde {
  width: 12%;
  right: 15%;
  margin-top: 250px;
}

.premio-200 {
  width: 10%;
  right: 16%;
  margin-top: 250px;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  .doce-rosa {
    width: 18%;
    height: auto;
    left: 8%;
    margin-bottom: 280px;
  }

  .premio-10 {
    width: 16%;
    left: 9%;
    margin-bottom: 280px;
    z-index: 1;
  }

  .doce-azul {
    width: 15%;
    right: 10%;
    rotate: 0deg;
    margin-top: 270px;
  }

  .premio-50 {
    width: 13%;
    right: 11%;
    margin-top: 270px;
    z-index: 1;
  }

  .doce-marrom {
    width: 18%;
    left: 10%;
    margin-bottom: 320px;
  }
  .premio-100 {
    width: 16%;
    left: 11%;
    margin-bottom: 320px;
    z-index: 1;
  }
  .doce-verde {
    width: 19%;
    right: 15%;
    margin-top: 340px;
  }

  .premio-200 {
    width: 17%;
    right: 16%;
    margin-top: 340px;
    z-index: 1;
  }
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}