section{width:100%;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}section .wave{z-index:-1;background:#4973ff;width:100%;height:100%;transition:all .5s;position:absolute;left:0;box-shadow:inset 0 0 50px #ffffff80}section .wave span{content:"";background:#fff;width:325vh;height:325vh;position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}section .wave span:first-child{background:#c8c8ff;border-radius:45%;animation:5s linear infinite animate}section .wave span:nth-child(2){background:#ffffff80;border-radius:40%;animation:10s linear infinite animate}section .wave span:nth-child(3){background:#ffffff80;border-radius:42.5%;animation:15s linear infinite animate}@keyframes animate{0%{transform:translate(-50%,-75%)rotate(0)}to{transform:translate(-50%,-75%)rotate(360deg)}}