.zoominout {
  animation-name: zoomInOut;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes zoomInOut {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0;
  }

  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
    opacity: 0;
  }
}


.start-1 {
  position: absolute;
  top: 3%;
  left: 3%;
}

.start-2 {
  position: absolute;
  top: 80%;
  left: 15%;
}

.start-3 {
  position: absolute;
  top: 80%;
  right: 15%;
}

.start-4 {
  position: absolute;
  top: 3%;
  right: 15%;
}

.plus {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: clamp(30px, 6.31vw, 120px);
  right: 76%;
  max-width: clamp(45px, 3.68vw, 70px);
  animation: plus 3s infinite forwards linear;
}

@keyframes plus {
  0% {
    transform: rotate(90deg) scale(1);
  }

  50% {
    transform: rotate(0) scale(1);
  }

  75% {
    transform: rotate(0deg) scale(0.9);
  }

  100% {
    transform: rotate(0) scale(1);
  }
}