@keyframes morphBox {
  0% {
    width: 100px;
    height: 100px;
    background: #ff6b6b;
    border-radius: 0;
    transform: rotate(0deg);
  }
  50% {
    width: 150px;
    height: 80px;
    background: #4ecdc4;
    border-radius: 50%;
    transform: rotate(180deg);
  }
  100% {
    width: 120px;
    height: 120px;
    background: #45b7d1;
    border-radius: 20px;
    transform: rotate(360deg);
  }
}

.morph-box {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  animation: morphBox 3s ease-in-out infinite;
}