.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -50px;
}
.waveTop {
    background-size: 50% 100px;
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022061510554419580/cms/image/32d990dc-f2d0-41ae-8f53-f00e65084d52.png);
}
.waveMiddle {
    background-size: 50% 120px;
    background:url( https://omo-oss-image.thefastimg.com/portal-saas/new2022061510554419580/cms/image/81148a4d-6de0-4b35-b19b-1515b877b920.png);
}
.waveBottom {
    background-size: 50% 100px;
      background:url( https://omo-oss-image.thefastimg.com/portal-saas/new2022061510554419580/cms/image/2c37f9ea-c849-4ffc-9d44-96238c3cf306.png);
}
.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
  .waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
  .waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
  opacity: 0.4;}
  
  .bgBottom {
    z-index: 5;
    opacity: 0.3;
}
@keyframes move_wave { 0% { transform: translateX(0) translateZ(0) scaleY(1) } 50% { transform: translateX(-25%) translateZ(0) scaleY(1) } 100% { transform: translateX(-50%) translateZ(0) scaleY(1) } }