HTML
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:#08aae1;display:block;z-index:1;position:relative" width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
<defs>
<pattern id="pid-0.3041391947083363" x="0" y="0" width="256" height="256" patternUnits="userSpaceOnUse">
<g transform="scale(1)"><g transform="translate(113.504 0)">
<path d="M94.6,56.2c-1-4.2-3.7-7.6-7.2-9.5c1.6-1.7,2.7-4.1,2.7-6.7c0-5.4-4.4-9.7-9.7-9.7c-3.2,0-6.1,1.6-7.8,4 c-2.5-4.5-7.3-7.6-12.8-7.6c-3.4,0-6.4,1.1-8.9,3.1c-2.4-4.7-7.3-7.9-13-7.9c-5.6,0-10.5,3.2-12.9,7.8c-1.3-0.3-2.7-0.6-4.1-0.6 C12.1,29.1,5,36.1,5,44.9c0,6,3.4,11.3,8.3,13.9c-0.2,1.3-0.2,2.6,0.1,3.9c1.2,5.3,6.5,8.6,11.8,7.4c0.3-0.1,0.6-0.1,0.8-0.2 c2.9,6,9.6,9.5,16.4,8c5.5-1.3,9.6-5.5,10.9-10.6c2.8,1.3,6.1,1.7,9.4,1c1.8-0.4,3.4-1.1,4.8-2.1c3,5.7,9.6,9,16.2,7.5 C91.5,71.9,96.4,64,94.6,56.2z" fill="#55bedb" transform="translate(266.82822533966356, 172.45062011267544) scale(0.4066666666666667) translate(-36, -24)"></path>
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" repeatCount="indefinite" dur="5s" values="0;256"></animateTransform>
</g><g transform="translate(113.504 0)">
<path d="M94.6,56.2c-1-4.2-3.7-7.6-7.2-9.5c1.6-1.7,2.7-4.1,2.7-6.7c0-5.4-4.4-9.7-9.7-9.7c-3.2,0-6.1,1.6-7.8,4 c-2.5-4.5-7.3-7.6-12.8-7.6c-3.4,0-6.4,1.1-8.9,3.1c-2.4-4.7-7.3-7.9-13-7.9c-5.6,0-10.5,3.2-12.9,7.8c-1.3-0.3-2.7-0.6-4.1-0.6 C12.1,29.1,5,36.1,5,44.9c0,6,3.4,11.3,8.3,13.9c-0.2,1.3-0.2,2.6,0.1,3.9c1.2,5.3,6.5,8.6,11.8,7.4c0.3-0.1,0.6-0.1,0.8-0.2 c2.9,6,9.6,9.5,16.4,8c5.5-1.3,9.6-5.5,10.9-10.6c2.8,1.3,6.1,1.7,9.4,1c1.8-0.4,3.4-1.1,4.8-2.1c3,5.7,9.6,9,16.2,7.5 C91.5,71.9,96.4,64,94.6,56.2z" fill="#55bedb" transform="translate(10.828225339663561, 172.45062011267544) scale(0.4066666666666667) translate(-36, -24)"></path>
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" repeatCount="indefinite" dur="5s"...