.lotus-svg {
  width: 220px;
  height: 220px;
}

.petal {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: bloom 4s ease-in-out infinite;
  opacity: 0;
}

.p1 { animation-delay: 0s; }
.p2 { animation-delay: 0.2s; }
.p3 { animation-delay: 0.4s; }
.p4 { animation-delay: 0.6s; }
.p5 { animation-delay: 0.8s; }

.wave {
  animation: waveMove 3s ease-in-out infinite;
}

@keyframes bloom {
  0% {
    transform: scale(0.2) translateY(40px);
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60% {
    transform: scale(1.05) translateY(0px);
    opacity: 1;
  }

  100% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
}

@keyframes waveMove {
  0% { transform: translateX(0px); }
  50% { transform: translateX(5px); }
  100% { transform: translateX(0px); }
}