.animationmoon{

    position: absolute;
    bottom: 0;
    left:0 ;
    width: 100%;
    height: 70px;
    background: url(../img/wave2.png);
    background-size: 500px 100px;
    animation: animatemoon 10s linear infinite;
  }

  .animationmoon2{
    position: absolute;
    bottom: 0;
    left:0 ;
    width: 100%;
    height: 70px;
    background: url(../img/wave2.png);
    background-size: 500px 100px;
    animation: animatemoon2 10s linear infinite;
    animation-delay: -2s;
  }



  @keyframes animatemoon {
    0%
    {
      background-position-x: 0;
    }
    100%
    {
      background-position-x:1000px ;
    }
  }

  @keyframes animatemoon2 {
    0%
    {
      background-position-x: 0;
    }
    100%
    {
      background-position-x:-1000px ;
    }
  }
  @keyframes animatemoon3 {
    0%
    {
      background-position-x: 0;
    }
    100%
    {
      background-position-x:-1000px ;
    }
  }

  @keyframes animatemoon4 {
    0%
    {
      background-position-x: 0;
    }
    100%
    {
      background-position-x:-1000px ;
    }
  }