.wave-container {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: transparent;
}

.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background: 
    radial-gradient(ellipse at center, 
      rgba(255,215,0,0.8) 0%, 
      rgba(255,236,139,0.6) 50%, 
      rgba(255,215,0,0.4) 100%);
  animation: smoothWave 4s ease-in-out infinite;
  border-radius: 40% 40% 0 0;
}

@keyframes smoothWave {
  0%, 100% {
    transform: translateX(0) translateY(0) scale(1);
    border-radius: 40% 90% 0 0;
  }
  25% {
    transform: translateX(-25%) translateY(-10px) scale(1.05);
    border-radius: 45% 35% 0 0;
  }
  50% {
    transform: translateX(-50%) translateY(0) scale(1);
    border-radius: 65% 45% 0 0;
  }
  75% {
    transform: translateX(-25%) translateY(10px) scale(0.95);
    border-radius: 85% 35% 0 0;
  }
}