body { margin: 0px; }
.waves { position: relative; display: block; width: 100%; height: 15vh; min-height: 100px; max-height: 150px; }
@keyframes wave-animation { 
  0% { transform: translateX(-90px); }
  100% { transform: translateX(85px); }
}
.parallax use { animation: 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) 0s infinite normal none running wave-animation; fill: rgb(254, 223, 0); }
.parallax use:nth-child(1) { opacity: 0.3; animation-delay: -2s; animation-duration: 7s; }
.parallax use:nth-child(2) { opacity: 0.5; animation-delay: -3s; animation-duration: 10s; }
.parallax use:nth-child(3) { opacity: 0.7; animation-delay: -4s; animation-duration: 13s; }
.parallax use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }