JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bg">
  
</div>

CSS

div{
  position: absolute;
  background: repeating-linear-gradient( 90deg, hsla(215,30%,100%,0.1) 0%, cornflowerblue 1%, wheat 9%, hsla(215,30%,100%,0.1) 10%);
  animation: 15s ease-in-out infinite alternate bganimation running;
  outline: 1px solid transparent;
}

@keyframes bganimation {
	from {left:0;top: 0; width: 100%; height: 100%;}
	to {left:-10%;top: -10%; width: 120%; height: 120%;}
}
@keyframes bganimation2 {
	from {left:10%;top: 10%; width: 10%; height: 10%;}
	to {left:1%;top: 1%; width: 15%; height: 15%;}
}