JSFiddle - React, Tailwind, and code Playground

HTML

<section id="home">
        <div id="object"></div>
</section>

CSS

#home {
	width: 100vw;
	overflow-x: hidden;
}

#object {
	background-image: url('http://www.1000skies.com/800trim.jpg');
	width: calc(100% + 50px);
	height: 158px;
  position: relative;
	-webkit-animation: waves 2s infinite;
    -moz-animation: waves 2s infinite;
    animation: waves 2s infinite;
}

@-webkit-keyframes waves {
  0% {left:-50px;}
  50% {left: 0px;}
  100% {left: -50px;}
}

@-moz-keyframes waves {
  0% {left:-50px;}
  50% {left: 0px;}
  100% {left: -50px;}
}

@keyframes waves {
  0% {left:-50px;}
  50% {left: 0px;}
  100% {left: -50px;}
}