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 bganimation2 running;
  outline: 1px solid transparent;
  height:100%;
  width: 100%
}

@keyframes bganimation {
	from {transform: translate(0%,0%); width: 100%; height: 100%;}
	to {transform: translate(-10%,-10%); width: 120%; height: 120%;}
}
@keyframes bganimation2 {
	from {transform: translate(0%,0%) scale(1,1)}
	to {transform: translate(-10%,-10%) scale(1.2,1.2);}
}