@keyframes flow-path-1{0%{d:path("M-300,50 C-12,-50 184,200 380,50 S576,150 800,80")}50%{d:path("M-300,80 C-12,0 184,250 380,80 S576,180 800,120")}to{d:path("M-300,50 C-12,-50 184,200 380,50 S576,150 800,80")}}@keyframes flow-path-2{0%{d:path("M-300,350 C-180,450 184,200 548,300 S704,350 800,250")}50%{d:path("M-300,320 C-180,400 184,250 548,320 S704,380 800,300")}to{d:path("M-300,350 C-180,450 184,200 548,300 S704,350 800,250")}}@keyframes flow-path-3{0%{d:path("M-300,10 C-12,80 280,-50 444,50 S608,150 800,100")}50%{d:path("M-300,40 C-12,120 280,0 444,80 S608,180 800,130")}to{d:path("M-300,10 C-12,80 280,-50 444,50 S608,150 800,100")}}@keyframes flow-path-4{0%{d:path("M-300,380 C-80,420 184,250 380,350 S576,450 800,300")}50%{d:path("M-300,350 C-80,450 184,280 380,380 S576,420 800,320")}to{d:path("M-300,380 C-80,420 184,250 380,350 S576,450 800,300")}}@keyframes flow-path-5{0%{d:path("M-300,100 C-180,0 64,150 280,80 S576,50 800,120")}50%{d:path("M-300,120 C-180,50 64,180 280,100 S576,80 800,150")}to{d:path("M-300,100 C-180,0 64,150 280,80 S576,50 800,120")}}.flow-1{animation:flow-path-1 12s ease-in-out infinite}.flow-2{animation:flow-path-2 15s ease-in-out infinite}.flow-3{animation:flow-path-3 18s ease-in-out infinite}.flow-4{animation:flow-path-4 20s ease-in-out infinite}.flow-5{animation:flow-path-5 16s ease-in-out infinite}