.olas-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  overflow: hidden;
  line-height: 0;
  z-index: 10;
}

.olas {
  position: absolute;
  width: 150%; /* un poco más ancho que 100% para que no se note el borde */
  height: 100%;
  display: block;
  animation: waveLoop 3s ease-in-out infinite alternate;
}

@keyframes waveLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-25%);
  }
}