@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}body{margin:0}.header{position:relative;text-align:center;background:linear-gradient(60deg,#543ab7 0,#00acc1 100%);color:#fff;height:500px}.inner-header{height:65vh;width:100%;margin:0;padding:0}.flex{display:flex;justify-content:center;align-items:center;text-align:center}.content,.waves{position:relative}.waves{width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.content{height:20vh;text-align:center;background-color:#fff}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@media (max-width:768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}}