.floatingItems {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
}

.floatingItems img {
  position: absolute;
  width: 50px;
  opacity: 0;
  pointer-events: none;
  transition:
    transform 6s ease-in-out,
    opacity 2s ease-in-out;
}

/* 
.apple {
  top: 10%;
  left: 5%;
  animation-delay: 0s;
}

.banana {
  top: 30%;
  left: 80%;
  animation-delay: 2s;
}

.beet {
  top: 70%;
  left: 10%;
  animation-delay: 4s;
}

.onion {
  top: 50%;
  left: 50%;
  animation-delay: 1s;
}

.potato {
  top: 80%;
  left: 70%;
  animation-delay: 3s;
}

@keyframes float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-30px) rotate(10deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
} */