<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 690" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><style>
.path-0{
animation:pathAnim-0 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pathAnim-0{
0%{
d: path("M 0,700 L 0,105 C 211.5,129.5 423,154 663,154 C 903,154 1171.5,129.5 1440,105 L 1440,700 L 0,700 Z");
}
25%{
d: path("M 0,700 L 0,105 C 176.5,108 353,111 593,111 C 833,111 1136.5,108 1440,105 L 1440,700 L 0,700 Z");
}
50%{
d: path("M 0,700 L 0,105 C 229,91.5 458,78 698,78 C 938,78 1189,91.5 1440,105 L 1440,700 L 0,700 Z");
}
75%{
d: path("M 0,700 L 0,105 C 204,103.5 408,102 648,102 C 888,102 1164,103.5 1440,105 L 1440,700 L 0,700 Z");
}
100%{
d: path("M 0,700 L 0,105 C 211.5,129.5 423,154 663,154 C 903,154 1171.5,129.5 1440,105 L 1440,700 L 0,700 Z");
}
}</style><path d="M 0,700 L 0,105 C 211.5,129.5 423,154 663,154 C 903,154 1171.5,129.5 1440,105 L 1440,700 L 0,700 Z" stroke="none" stroke-width="0" fill="#00d084" fill-opacity="0.265" class="transition-all duration-300 ease-in-out delay-150 path-0" transform="rotate(-180 720 350)"></path><style>
.path-1{
animation:pathAnim-1 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pathAnim-1{
0%{
d: path("M 0,700 L 0,245 C 239.5,249 479,253 719,253 C 959,253 1199.5,249 1440,245 L 1440,700 L 0,700 Z");
}
25%{
d: path("M 0,700 L 0,245 C 216.5,266.5 433,288 673,288 C 913,288 1176.5,266.5 1440,245 L 1440,700 L 0,700 Z");
}
50%{
d: path("M 0,700 L 0,245 C 231,254 462,263 702,263 C 942,263 1191,254 1440,245 L 1440,700 L 0,700 Z");
}
75%{
d: path("M 0,700 L 0,245 C 174,256.5 348,268 588,268 C 828,268 1134,256.5 1440,245 L 1440,700 L 0,700 Z");
}
100%{
d: path("M 0,700 L 0,245 C 239.5,249 479,253 719,253 C 959,253 1199.5,249 1440,245 L 1440,700 L 0,700 Z");
}
}</style><path d="M 0,700 L 0,245 C 239.5,249 479,253 719,253 C 959,253 1199.5,249 1440,245 L 1440,700 L 0,700 Z" stroke="none" stroke-width="0" fill="#00d084" fill-opacity="0.4" class="transition-all duration-300 ease-in-out delay-150 path-1" transform="rotate(-180 720 350)"></path><style>
.path-2{
animation:pathAnim-2 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pathAnim-2{
0%{
d: path("M 0,700 L 0,385 C 204.5,380.5 409,376 649,376 C 889,376 1164.5,380.5 1440,385 L 1440,700 L 0,700 Z");
}
25%{
d: path("M 0,700 L 0,385 C 214,410 428,435 668,435 C 908,435 1174,410 1440,385 L 1440,700 L 0,700 Z");
}
50%{
d: path("M 0,700 L 0,385 C 285,400 570,415 810,415 C 1050,415 1245,400 1440,385 L 1440,700 L 0,700 Z");
}
75%{
d: path("M 0,700 L 0,385 C 289,390 578,395 818,395 C 1058,395 1249,390 1440,385 L 1440,700 L 0,700 Z");
}
100%{
d: path("M 0,700 L 0,385 C 204.5,380.5 409,376 649,376 C 889,376 1164.5,380.5 1440,385 L 1440,700 L 0,700 Z");
}
}</style><path d="M 0,700 L 0,385 C 204.5,380.5 409,376 649,376 C 889,376 1164.5,380.5 1440,385 L 1440,700 L 0,700 Z" stroke="none" stroke-width="0" fill="#00d084" fill-opacity="0.53" class="transition-all duration-300 ease-in-out delay-150 path-2" transform="rotate(-180 720 350)"></path><style>
.path-3{
animation:pathAnim-3 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pathAnim-3{
0%{
d: path("M 0,700 L 0,525 C 219,537 438,549 678,549 C 918,549 1179,537 1440,525 L 1440,700 L 0,700 Z");
}
25%{
d: path("M 0,700 L 0,525 C 172.5,519 345,513 585,513 C 825,513 1132.5,519 1440,525 L 1440,700 L 0,700 Z");
}
50%{
d: path("M 0,700 L 0,525 C 184.5,543 369,561 609,561 C 849,561 1144.5,543 1440,525 L 1440,700 L 0,700 Z");
}
75%{
d: path("M 0,700 L 0,525 C 218.5,503.5 437,482 677,482 C 917,482 1178.5,503.5 1440,525 L 1440,700 L 0,700 Z");
}
100%{
d: path("M 0,700 L 0,525 C 219,537 438,549 678,549 C 918,549 1179,537 1440,525 L 1440,700 L 0,700 Z");
}
}</style><path d="M 0,700 L 0,525 C 219,537 438,549 678,549 C 918,549 1179,537 1440,525 L 1440,700 L 0,700 Z" stroke="none" stroke-width="0" fill="#00d084" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-3" transform="rotate(-180 720 350)"></path></svg>
