footer.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 1200 409">
    <defs>
        <path id="a" d="M1 47c341.093-61.061 849.023-63.142 1200 0 .27-.346.27 120.32 0 362H1C-.168 167.637-.168 46.97 1 47z"/>
    </defs>
    <g fill="none" fill-rule="evenodd">
        <g transform="translate(-1)">
            <mask id="b" fill="#fff">
                <use xlink:href="#a"/>
            </mask>
            <circle cx="594" cy="10" r="653" fill="#5832E8" mask="url(#b)"/>
            <circle cx="1201" cy="47" r="129" fill="#23145C" mask="url(#b)"/>
            <circle cx="437.5" cy="46.5" r="162.5" fill="#23145C" mask="url(#b)"/>
            <circle cx="634" cy="238" r="278" fill="#A092D4" mask="url(#b)"/>
            <circle cx="955.5" cy="309.5" r="319.5" fill="#23145C" mask="url(#b)"/>
            <circle cx="320.5" cy="76.5" r="86.5" fill="#4025A8" mask="url(#b)"/>
            <circle cx="406" cy="203" r="97" fill="#5832E8" mask="url(#b)"/>
            <circle cx="975" cy="47" r="97" fill="#5832E8" mask="url(#b)"/>
            <circle cx="1096" cy="439" r="129" fill="#4025A8" mask="url(#b)"/>
            <circle cx="377.5" cy="390.5" r="162.5" fill="#A092D4" mask="url(#b)"/>
            <circle cx="615.5" cy="344.5" r="165.5" fill="#4025A8" mask="url(#b)"/>
            <circle cx="105.5" cy="228.5" r="235.5" fill="#23145C" mask="url(#b)"/>
        </g>
    </g>
</svg>