.cookie {
  position: absolute;
  width: 32px;
  height: 32px;
  pointer-events: none;
}

.cookie::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/assets/images/cookie.png") center / contain no-repeat;
  animation: cookie-bob 3s ease-in-out infinite;
}

.cookie-1 {
  transform: scale(2) translateX(50px) translateY(20px);
  left: calc(50% - 560px);
}

.cookie-2 {
  left: calc(50% - 500px);
}

.cookie-3 {
  transform: translateX(20px) translateY(-180px);
  right: calc(50% - 500px);
}

.cookie-4 {
  transform: scale(2) translateX(-50px) translateY(-80px);
  right: calc(50% - 560px);
}

@keyframes cookie-bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cookie::before {
    animation: none;
  }
}

@media (max-width: 768px) {
  .cookie {
    display: none;
  }
}