.negative-delay-demo {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 20px 0;
  flex-wrap: wrap;
}

.negative-delay-item {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 2s ease-in-out;
}

.negative-delay-item:nth-child(1) {
  background-color: #ff6b6b;
  transition-delay: 0s;
}

.negative-delay-item:nth-child(2) {
  background-color: #4ecdc4;
  transition-delay: -0.5s;
}

.negative-delay-item:nth-child(3) {
  background-color: #45b7d1;
  transition-delay: -1s;
}

.negative-delay-item:nth-child(4) {
  background-color: #96ceb4;
  transition-delay: -1.5s;
}

.negative-delay-demo:hover .negative-delay-item {
  transform: rotate(360deg) scale(1.2);
}