Hi Guys does anyone know if Bootstrap Studio supports animated svg files and if so how do you insert them on a page? hope you can help…
Thanks Gilmar for the reply ’ but I think Lotti svg’s are slightly different as they use JSON to animate the vector parts within the svg file. I’m creating animated SVG’s with SVGATOR https://www.svgator.com/ and they use Javascript or CSS to animate the vector parts. The CSS animated svg works fine inside the img tag but has a lot of restrictions. They tell you to put the SVG files you create with javascript inside an object tag but I cannot find that in Bootstrap Studio.
Am I missing something !!
You can do it with a custom code block
like this
<object>
<svg YOUR SVG CODE WITH JAVASCRIPT></svg>
</object>
Hi Kuligasposten ’ that works pasting all the info of svg ’ but there has to be an easier way ’ and better way of controlling the svg file.
We don’t allow the <object> tag in Bootstrap Studio for security, so Custom Code is the only way to create it. Also I don’t think you need the object - placing the svg directly in custom code should work.
In either case, to see the animation you will need to use the browser preview or export, since we don’t allow JS to run in the app itself.
1 Like
Hi Martin; thanks for the reply ’ is this something Bootstrap Studio may do in the future adding a component for animated svg files with javascript as you have done for lotti files that use JSON.
Thomas
I use an animated SVG as a banner on my website. The animation runs in a loop and doesn’t use JavaScript. You can find it here.
1 Like
I don’t know if this solution will suit you, but you can use the Custom Code component to insert the code from your SVG, the code is below.
The way to get this code is using the VS Code editor to open the SVG.
I’ll need to split your SVG code into two parts.
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1200 400" clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5"><defs><clipPath id="ClipPath-1"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z"/></clipPath><clipPath id="ClipPath-2"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z"/></clipPath><clipPath id="ClipPath-3"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z"/></clipPath><clipPath id="ClipPath-4"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z"/></clipPath><clipPath id="ClipPath-5"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z"/></clipPath><clipPath id="ClipPath-6"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z"/></clipPath><clipPath id="ClipPath-7"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z"/></clipPath></defs><style>
@keyframes a0_t { 0% { transform: translate(896.3px,297.1px) rotate(3deg) translate(-51px,-65.5px); } 2.667% { transform: translate(896.3px,297.1px) rotate(3deg) translate(-51px,-65.5px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 5.333% { transform: translate(896.3px,297.1px) rotate(-9deg) translate(-51px,-65.5px); } 15.667% { transform: translate(896.3px,297.1px) rotate(-9deg) translate(-51px,-65.5px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 18.333% { transform: translate(896.3px,297.1px) rotate(3deg) translate(-51px,-65.5px); } 49% { transform: translate(896.3px,297.1px) rotate(3deg) translate(-51px,-65.5px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 51.667% { transform: translate(896.3px,297.1px) rotate(-9deg) translate(-51px,-65.5px); } 64.667% { transform: translate(896.3px,297.1px) rotate(-9deg) translate(-51px,-65.5px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 67.333% { transform: translate(896.3px,297.1px) rotate(3deg) translate(-51px,-65.5px); } 100% { transform: translate(896.3px,297.1px) rotate(3deg) translate(-51px,-65.5px); } }
@keyframes a1_t { 0% { transform: translate(427.2px,68.1px) rotate(10.5deg) skewX(0deg) scale(1.2,1) translate(-428.4px,-60.5px); } 27.667% { transform: translate(427.2px,68.1px) rotate(10.5deg) skewX(0deg) scale(1.2,1) translate(-428.4px,-60.5px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 29% { transform: translate(427.2px,68.1px) rotate(-15.5deg) skewX(0deg) scale(1.2,1) translate(-428.4px,-60.5px); } 71.333% { transform: translate(427.2px,68.1px) rotate(-15.5deg) skewX(0deg) scale(1.2,1) translate(-428.4px,-60.5px); animation-timing-function: cubic-bezier(0,0,.6,1); } 73% { transform: translate(427.2px,68.1px) rotate(10.5deg) skewX(0deg) scale(1.2,1) translate(-428.4px,-60.5px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 100% { transform: translate(427.2px,68.1px) rotate(10.5deg) skewX(0deg) scale(1.2,1) translate(-428.4px,-60.5px); } }
@keyframes a2_t { 0% { transform: translate(107.8px,97.9px) rotate(0deg) translateY(19.2px); } 100% { transform: translate(107.8px,97.9px) rotate(359deg) translateY(19.2px); } }
@keyframes a3_t { 0% { transform: translate(766.3px,79.6px) scale(2,1.6) translate(-766.3px,-167px); } 25.333% { transform: translate(766.3px,79.6px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 27.667% { transform: translate(747.8px,79.6px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 30% { transform: translate(747.8px,79.6px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 33.333% { transform: translate(786.3px,80.7px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 37.667% { transform: translate(786.3px,80.7px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 41% { transform: translate(766.3px,79.6px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 84.333% { transform: translate(766.3px,79.6px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 86.667% { transform: translate(747.8px,79.6px) scale(2,1.6) translate(-766.3px,-167px); } 89% { transform: translate(747.8px,79.6px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 92.333% { transform: translate(786.3px,80.7px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.7,.4); } 96.667% { transform: translate(786.3px,80.7px) scale(2,1.6) translate(-766.3px,-167px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 100% { transform: translate(766.3px,79.6px) scale(2,1.6) translate(-766.3px,-167px); } }
@keyframes a4_t { 0% { transform: translate(765.9px,194.6px) rotate(0deg) translate(.4px,-27.6px); } 25.333% { transform: translate(765.9px,194.6px) rotate(0deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 27.667% { transform: translate(765.9px,194.6px) rotate(9deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 30% { transform: translate(765.9px,194.6px) rotate(9deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 33.333% { transform: translate(765.9px,194.6px) rotate(-9deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 37.667% { transform: translate(765.9px,194.6px) rotate(-9deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 41% { transform: translate(765.9px,194.6px) rotate(0deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 84.333% { transform: translate(765.9px,194.6px) rotate(0deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 86.667% { transform: translate(765.9px,194.6px) rotate(9deg) translate(.4px,-27.6px); } 89% { transform: translate(765.9px,194.6px) rotate(9deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 92.333% { transform: translate(765.9px,194.6px) rotate(-9deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 96.667% { transform: translate(765.9px,194.6px) rotate(-9deg) translate(.4px,-27.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 100% { transform: translate(765.9px,194.6px) rotate(0deg) translate(.4px,-27.6px); } }
@keyframes a5_t { 0% { transform: translate(768.9px,163px) scale(1,.8) translate(-767.5px,-158.6px); } 25.333% { transform: translate(768.9px,163px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 27.667% { transform: translate(772.2px,160.2px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 30% { transform: translate(772.2px,160.2px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 33.333% { transform: translate(754.9px,157.4px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 37.667% { transform: translate(754.9px,157.4px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 41% { transform: translate(768.9px,163px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 84.333% { transform: translate(768.9px,163px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 86.667% { transform: translate(772.2px,160.2px) scale(1,.8) translate(-767.5px,-158.6px); } 89% { transform: translate(772.2px,160.2px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 92.333% { transform: translate(754.9px,157.4px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.7,.4); } 96.667% { transform: translate(754.9px,157.4px) scale(1,.8) translate(-767.5px,-158.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 100% { transform: translate(768.9px,163px) scale(1,.8) translate(-767.5px,-158.6px); } }
@keyframes a6_t { 0% { transform: translate(769.3px,107.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); } 25.333% { transform: translate(769.3px,107.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 27.667% { transform: translate(778.1px,108.1px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 30% { transform: translate(778.1px,108.1px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 33.333% { transform: translate(763.4px,110.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 37.667% { transform: translate(763.4px,110.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 41% { transform: translate(769.3px,107.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 84.333% { transform: translate(769.3px,107.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 86.667% { transform: translate(778.1px,108.1px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); } 89% { transform: translate(778.1px,108.1px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 92.333% { transform: translate(763.4px,110.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.7,.4); } 96.667% { transform: translate(763.4px,110.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 100% { transform: translate(769.3px,107.7px) rotate(8.5deg) skewX(2.8deg) scale(.6,.8) translate(-770px,-166.6px); } }
@keyframes a7_t { 0% { transform: translate(1049.1px,337.2px) rotate(0deg) translate(-1049.1px,-349.4px); } 12.333% { transform: translate(1049.1px,337.2px) rotate(0deg) translate(-1049.1px,-349.4px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 18.667% { transform: translate(1049.1px,337.2px) rotate(-2deg) translate(-1049.1px,-349.4px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 25% { transform: translate(1049.1px,337.2px) rotate(0deg) translate(-1049.1px,-349.4px); } 40% { transform: translate(1049.1px,337.2px) rotate(0deg) translate(-1049.1px,-349.4px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 46.333% { transform: translate(1049.1px,337.2px) rotate(-2deg) translate(-1049.1px,-349.4px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 52.667% { transform: translate(1049.1px,337.2px) rotate(0deg) translate(-1049.1px,-349.4px); } 78% { transform: translate(1049.1px,337.2px) rotate(0deg) translate(-1049.1px,-349.4px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 84.333% { transform: translate(1049.1px,337.2px) rotate(-2deg) translate(-1049.1px,-349.4px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 90.667% { transform: translate(1049.1px,337.2px) rotate(0deg) translate(-1049.1px,-349.4px); } 100% { transform: translate(1049.1px,337.2px) rotate(0deg) translate(-1049.1px,-349.4px); } }
@keyframes a8_t { 0% { transform: translate(1022.1px,250.1px) rotate(27.7deg) scale(1,1) translate(-1036.9px,-216.1px); } 15% { transform: translate(1022.1px,250.1px) rotate(27.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 18.333% { transform: translate(1022.1px,250.1px) rotate(20.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 19.333% { transform: translate(1022.1px,250.1px) rotate(20.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 23.333% { transform: translate(1022.1px,250.1px) rotate(30deg) scale(1,1) translate(-1036.9px,-216.1px); } 42.667% { transform: translate(1022.1px,250.1px) rotate(27.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 46% { transform: translate(1022.1px,250.1px) rotate(20.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 47% { transform: translate(1022.1px,250.1px) rotate(20.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 51% { transform: translate(1022.1px,250.1px) rotate(30deg) scale(1,1) translate(-1036.9px,-216.1px); } 75.333% { transform: translate(1022.1px,250.1px) rotate(27.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 78.667% { transform: translate(1022.1px,250.1px) rotate(20.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 79.667% { transform: translate(1022.1px,250.1px) rotate(20.7deg) scale(1,1) translate(-1036.9px,-216.1px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 83.667% { transform: translate(1022.1px,250.1px) rotate(30deg) scale(1,1) translate(-1036.9px,-216.1px); } 100% { transform: translate(1022.1px,250.1px) rotate(30deg) scale(1,1) translate(-1036.9px,-216.1px); } }
@keyframes a9_do { 0% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: -180px; } }
@keyframes a10_t { 0% { transform: translate(408.2px,132.2px) rotate(-13.1deg) scale(1,1) translate(-579.3px,-396.5px); } 2.667% { transform: translate(408.2px,132.2px) rotate(-13.1deg) scale(1,1) translate(-579.3px,-396.5px); animation-timing-function: cubic-bezier(0,0,.6,1); } 4.667% { transform: translate(408.2px,132.2px) rotate(-13.1deg) scale(1.2,1.2) translate(-579.3px,-396.5px); animation-timing-function: cubic-bezier(.4,0,1,1); } 6.333% { transform: translate(408.2px,132.2px) rotate(-13.1deg) scale(1,1) translate(-579.3px,-396.5px); } 100% { transform: translate(408.2px,132.2px) rotate(-13.1deg) scale(1,1) translate(-579.3px,-396.5px); } }
@keyframes a11_t { 0% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.8,.9) translate(-659.9px,-168.3px); } 4.377% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.8,.9) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 6% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.6,.7) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 7% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(1,1.1) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 8.21% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.8,.9) translate(-659.9px,-168.3px); } 35.667% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.8,.9) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 37.29% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.6,.7) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 38.29% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(1,1.1) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 39.5% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.8,.9) translate(-659.9px,-168.3px); } 73.667% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.8,.9) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 75.29% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.6,.7) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 76.29% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(1,1.1) translate(-659.9px,-168.3px); animation-timing-function: cubic-bezier(.4,0,.6,1); } 77.5% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.8,.9) translate(-659.9px,-168.3px); } 100% { transform: translate(679.1px,120.9px) rotate(-4.6deg) skewX(0deg) scale(.8,.9) translate(-659.9px,-168.3px); } }
@keyframes a12_t { 0% { transform: translate(1106.4px,124.4px) rotate(15.6deg) skewX(0deg) scale(.8,.8) translate(-1112.1px,-121.2px); } 23% { transform: translate(1106.4px,124.4px) rotate(15.6deg) skewX(0deg) scale(.8,.8) translate(-1112.1px,-121.2px); animation-timing-function: cubic-bezier(.4,0,1,1); } 25% { transform: translate(1106.4px,124.4px) rotate(15.6deg) skewX(0deg) scale(1,1) translate(-1112.1px,-121.2px); animation-timing-function: cubic-bezier(0,0,.6,1); } 27% { transform: translate(1106.4px,124.4px) rotate(15.6deg) skewX(0deg) scale(.8,.8) translate(-1112.1px,-121.2px); } 100% { transform: translate(1106.4px,124.4px) rotate(15.6deg) skewX(0deg) scale(.8,.8) translate(-1112.1px,-121.2px); } }
@keyframes a13_t { 0% { transform: translate(784.7px,84.8px) rotate(-6.9deg) scale(.9,.9) translate(-805px,-43.6px); } 10.667% { transform: translate(784.7px,84.8px) rotate(-6.9deg) scale(.9,.9) translate(-805px,-43.6px); animation-timing-function: cubic-bezier(.4,0,1,1); } 12.667% { transform: translate(784.7px,84.8px) rotate(-6.9deg) scale(1,1) translate(-805px,-43.6px); animation-timing-function: cubic-bezier(0,0,.6,1); } 14.667% { transform: translate(784.7px,84.8px) rotate(-6.9deg) scale(.9,.9) translate(-805px,-43.6px); } 100% { transform: translate(784.7px,84.8px) rotate(-6.9deg) scale(.9,.9) translate(-805px,-43.6px); } }
</style><g transform="translate(600,200) scale(2.949,1.813) translate(-690.3,-173.8)"><rect x="486.9" y="63.4" width="406.9" height="220.7" fill="#ececec"/></g><g transform="translate(226.9,330.1) scale(.88,.965) translate(-258,-327.6)"><path d="M0 255.3c36.5 2.6 104.8 7.6 116.3 12.8c19.9 9 31.5 27.7 53.8 32.7c44.8 9.9 89.1 14.1 134.6 18.2c20.6 1.9 45.7 15.3 65.4 21.2c24.1 7.2 37.4 23.2 59.6 32.7c28.1 12 86.4 27.1 86.4 27.1h-516.1" fill="#d7d7d7"/></g><g transform="translate(228.1,303.9) scale(-1.092,1.092) translate(-830.7,-312.1)"><g transform="translate(768.7,373.4) scale(1.153,1.093) translate(-702.5,-369.8)"><path d="M713.8 354.1l-37.8 19.7l26.2 11.8l26.8-27.2l-15.2-4.3Z" fill="#f5f5f5"/></g><path d="M803 362.7c-0.4 0-1.1 .3-1.6 .3c-1.4 0-2.9-0.2-4.2-0.4c-1.7-0.2-3.2-1.2-4.6-1.8c-0.9-0.4-2-0.7-3-0.9c-2-0.4-4-1.7-6-1.9c-1.5-0.2-3.1 .4-4.3 1c-0.6 .3-1.7-0.1-2.3 0c-1.4 .2-2.5 .7-3.7 1.3c-3.5 1.5-5.9 3.9-7.1 7.4c-0.3 .9-0.8 1.9-0.5 2.8c.2 .8 1.3 .4 1.7 .2c.2-0.2 .4-0.1 .7-0.1c.5-0.2 .8-0.9 1-1.3c.4-0.4 .9-0.7 1.4-0.9c.7-0.4 2.5 .3 3.3 .3c1.7 0 3 .5 4.6 .8c1.7 .3 3.6-0.3 5.2-0.5c1.1-0.1 2.2 .5 3.1 .8c1.1 .4 2.1 .6 3.2 1.1c1.1 .5 2.1 1.3 3.3 1.8c1.5 .7 3.3 .3 4.9 .4c2.2 .2 4.8 .8 6.9 .1c.8-0.2 .4-1.7 .3-2.4c-0.2-2.3-0.7-4.4-1.4-6.5c-0.2-0.6-0.2-1.5-1-1.5" fill="#fbc188"/><g transform="translate(-0.5,3.2)"><path d="M862.5 346.5c-0.2 .5-2.1 1.7-2.6 2.1c-1.6 1.4-4.2 2.8-5.5 4.1c-0.6 .6-2.4 0-3.1 .4c-7.1 3.5-14.6 3.3-22.4 4.2c-4.5 .5-8.9 1.4-13.3 2c-3.3 .4-6.1-0.6-9.2-0.6c-0.5 0-2.5-0.5-2.9-0.1c-0.6 .6 .7 3.4 .8 4.2c.3 1.7 .4 6 1.5 7.1c.4 .4 .2 1.3 .9 1.7c.6 .3 1.8 .3 2.5 .5c2.7 .7 6.2-0.6 9-0.2c5.1 .7 11.2 1.5 16.4 .8c2.2-0.4 4.5-1 6.7-1.3c5.8-0.8 11.8-1.2 17.5-2.6c2.1-0.6 3.2-2.4 4.3-3.8c3-3.9 3.8-9.8 5.3-14.3c.5-1.7 .4-4.4-0.8-5.6c-0.4-0.5-3-0.4-3 .3" fill="#b02452"/></g><g transform="translate(916.6,333.5) scale(1,.994) translate(-922,-333.8)"><path d="M956.9 400.9c0 0 11.3-101.4 14.1-126.2c.1-1.4-0.3-2.8-1.2-3.9c-0.9-1.1-2.2-1.8-3.7-1.9c-9.7-0.5-29.8-1.7-38.6-2.2c-2.5-0.2-4.8 1.3-5.7 3.7c-8.3 22.2-48.8 130.4-48.8 130.4l83.9 .1Z"/></g><g transform="translate(.3,3.2)"><path d="M855.3 397.2c.1 .3-0.3-1.1-0.3-1.2c0-1.3-0.2-2.4-0.2-3.7v-10.2c0-9.7 0-21.9 3-30.9c3.8-11.4 3.9-23.2 9.5-34.4c1.5-3.2 2-7.8 4.7-10.6c6-5.9 15.3-10.6 21.4-16.6c1.7-1.7 5.6-1.8 6.9-3.1c2.8-2.7 9.6 3 11.4 3.9c1.8 .9 3.1 3.6 4.7 5.3c7.6 7.6 10.4 19.6 12.5 30.3c1.3 6.2 4.4 15.2 2.2 21.6c-2.4 7.5-3.8 19.8-5.6 27.2c-1.6 6.5-4 20.6-4 23.4" fill="#d42b61"/></g><path d="M801.1 388c-0.4 0-0.8 .3-1.1 .3c-0.9 .2-2.1 .1-3 .4c-0.4 .2-1.2 0-1.7 0c-1.9-0.3-3.9-1-5.8-1.5c-1.2-0.4-2.5-1.1-3.6-1.7c-1.3-0.6-2.8-0.9-4-1.7c-2.3-1.7-4.5-3.2-7.4-3.8c-2-0.4-1.4 1.2-2.1 2.6c-0.1 .2-0.8 1.3-1.3 1.1c-0.5-0.4-0.6-1-0.9-1.5c-1-1.5-1.3-4.4 .1-5.8c0 0-0.4-0.4-0.4-0.6c-0.1-0.4-0.2-1 0-1.4c.6-2 .7-3.9 2.7-4.6c.5-0.2 .6-1 1.1-1.1c1.2-0.4 2.7 .4 3.9 .3c1.7-0.2 3.2-0.8 4.9-0.4c.3 .1 1.1-0.2 1.4-0.1c1.3 .7 2.5 1.4 4 2c1.5 .6 3.1 .2 4.5 1.1c1.1 .7 3 2 4.3 1.6c.9-0.3 2.8 .3 3.7 .6c1.6 .4 2.5-0.2 4.4 .1c.6 0 1.2 0 1.5 .3c.8 .7-1.1 2.7-1.4 3.2c-0.8 1.3-2.2 2.8-2.4 4.3c-0.1 1.1-0.3 2.2-0.7 3.3c-0.1 .5-0.7 1.6-0.7 2" fill="#fbc188"/><g transform="translate(.2,3.7)"><path d="M800.9 384.6c-1.4-0.9-0.1-6.7 .8-8.7c.7-1.6 4.1-6 5.5-6c4.2-0.2 9.6 .9 13.9 .7c3.6-0.2 11.5-1.1 18.5-1.7c5.3-0.6 10.2-0.5 11.8-2.4c6.3-7.2 10.5-16.7 14.3-23.9c4.5-8.7 16-27.8 20.4-33.6c6.3-8.3 23.6-10.7 28.7-3c9.7 14.6 4.5 34.5-8 48.5c-5.3 5.9-9.1 13.7-15.3 18.3c-5.9 4.5-11 12.4-15.9 17c-4.8 4.6-9.7 5.1-16.6 5.4c-4.5 .3-15.7 0-19.9-1.1c-9.3-2.3-15.7-3.5-25.1-5.8c-4.4-1.1-8.7-1-13.1-3.7Z" fill="#da4778"/></g><g transform="translate(896.3,297.1) rotate(3) translate(-51,-65.5)" style="animation: 30s linear infinite both a0_t;"><path d="M30.5 77c-0.8-1.5-1.1-3.2-1.8-4.8c-2.1-4.7-5.7-9.8-11-11.2c-1.9-0.5-5.7 .7-7-0.6c-2.1-2.2-4-8.6-4.7-11.4c-0.2-0.9-0.5-2.7-1-3.2c-0.7-0.7 .1-2.6-0.5-3.2c-1.2-1.2-3.2-1.9-4.4-3c-0.4-0.4 .4-1.7 .5-2c1.2-1.8 2.4-3.8 3.9-5.2c.6-0.6-0.1-5.2 .2-6.2c.3-1.5-0.2-3.4 .3-4.9c1.8-5.5 4.5-10.5 7.7-15.4c1.7-2.5 8-3.6 10.7-4.1c8.6-1.8 19.3-3.6 26.6 2c4.5 3.3 5.5 8.4 6.1 13.7c.4 3.9 1.3 8.6 .8 12.6c-0.5 3.8-1.5 7.5-2 11.2c-0.5 3.6-1.4 9.1-0.2 12.7c.7 2 4.9 5.3 4 7c-1.2 2.6-4.2 4.9-6.7 6.9c-5.4 4.5-13.5 8.7-20 8.7" fill="#fbc188"/><path d="M14.2 8c-0.6 .2-1.4 0-2 0c-4 .5-7.3-2.2-8.3-6c-0.5-1.7-0.6-4 1-5.2c5.9-4.6 16-3.5 23-4.7c4.2-0.8 9.4-1.2 13.6-0.7c3.2 .4 6.4-0.2 9.4 .8c4.9 1.6 9 7.6 11 12c6.6 14.3 1.6 32.3-8.2 43.9c-1.4 1.6-4 .9-5.9 1.2c-0.9 .2-2.4 .5-2.5-0.7c-1-6.9-0.4-13.9-1.8-20.7c-0.6-2.5-1.3-6.2-4.5-5.9c-5.2 .5-7.5 4.2-10.6 7.9c-0.6 .7-2.6 3.5-3.8 2.3c-1.8-1.8-0.5-6-0.8-8.3c-0.3-2.2-2.7-3.3-3.5-5.1c-0.7-1.7-0.3-3.7-0.9-5.4c-1.2-3.9-3.6-4.9-7.3-4.9" fill="#3b3b3b"/></g><g transform="translate(747.6,311.8) scale(2.086,1.57) translate(-714.2,-316)"><path d="M731.2 291.6c0-0.5-0.4-0.9-0.7-0.9c-4.7-0.4-34.1-2.6-40.2-3.1c-0.3 0-0.6 .1-0.7 .4c-0.2 .2-0.3 .6-0.2 .9c1.3 8.1 7.5 47.6 8.6 54.6c.1 .6 .6 1 1 .9c5.2-1.3 33.9-8.4 39.3-9.8c.2 0 .4-0.2 .5-0.5c.2-0.2 .2-0.6 .2-0.9c-1.2-6.3-6.8-36.3-7.7-41.6Z" fill="#b4b4b4" stroke="#d42b61" stroke-width="1.5px"/></g></g><g transform="translate(390.2,122.2) scale(.896,.896) translate(-483.9,-136)"><g transform="translate(483.9,136) scale(1.189,1.157) translate(-585.8,-127.6)"><path d="M748.4 60.4c0-2-0.7-3.9-2.1-5.3c-1.4-1.4-3.2-2.2-5.2-2.2c-43.5 0-267 0-310.5 0c-2 0-3.8 .8-5.2 2.2c-1.4 1.4-2.2 3.3-2.2 5.3c0 25.6 0 108.7 0 134.3c0 2 .8 3.9 2.2 5.3c1.4 1.4 3.2 2.2 5.2 2.2c43.5 0 267 0 310.5 0c2 0 3.8-0.8 5.2-2.2c1.4-1.4 2.1-3.3 2.1-5.3c0-25.6 0-108.7 0-134.3Z" fill="#fff" stroke="#d42b61" stroke-width="2.9px"/></g><g transform="translate(331.5,80) rotate(-8.1) translate(-348.8,-87.7)"><rect x="333" y="73.6" width="31.5" height="28.2" fill="#f8d635"/></g><g transform="translate(331.7,128.2) rotate(6.3) translate(-348.8,-87.7)"><rect x="333" y="73.6" width="31.5" height="28.2" fill="#f8d635"/></g><g transform="translate(332.6,175.7) rotate(4.8) translate(-348.8,-87.7)"><rect x="333" y="73.6" width="31.5" height="28.2" fill="#f8d635"/></g><g transform="translate(380.3,79.7) rotate(-2.1) translate(-348.8,-87.7)"><rect x="333" y="73.6" width="31.5" height="28.2" fill="#f8d635"/></g><g transform="translate(380.5,127.9) rotate(-4.4) translate(-348.8,-87.7)"><rect x="333" y="73.6" width="31.5" height="28.2" fill="#f8d635"/></g><g transform="translate(381.4,175.4) rotate(-2.1) translate(-348.8,-87.7)"><rect x="333" y="73.6" width="31.5" height="28.2" fill="#f8d635"/></g><g transform="translate(427.2,68.1) rotate(10.5) skewX(0) scale(1.177,1) translate(-428.4,-60.5)" style="animation: 30s linear infinite both a1_t;"><rect x="414.1" y="60.5" width="28.7" height="28.7" fill="#f8d635"/></g><g transform="translate(429.7,126.4) rotate(.3) scale(1.177,1) translate(-428.4,-74.9)"><rect x="414.1" y="60.5" width="28.7" height="28.7" fill="#f8d635"/></g><g transform="translate(428.6,174.3) rotate(-5.8) skewX(0) scale(1.177,1) translate(-428.4,-74.9)"><rect x="414.1" y="60.5" width="28.7" height="28.7" fill="#f8d635"/></g></g><g transform="translate(564,271.7) scale(1,.987) translate(-593.2,-237.7)"><g transform="translate(70.6,.1)"><path d="M533.6 150.8c.3-0.4-3.5 3.5-4.3 5c-2.2 3.6-5 8.4-6 12.6c-3.4 13.4-5.4 28-5.4 41.9c0 20.2 8.1 38.7 11.4 57.9c3.9 23.7-10.7 44.1-10.7 67.9" fill="none" stroke="#4e0c0c" stroke-width="5.2px"/></g><g transform="translate(583.4,343.7) rotate(-180) scale(-1.014,.485) translate(-639.6,-347.5)"><path d="M666.9 396.5h-54.7l8.5-97.9h37.8l8.4 97.9Z" fill="#ff6f2f"/></g><g transform="translate(601.2,130.3) scale(.478,.455) translate(-687.9,-213.2)"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z" fill="#1d850f"/><g clip-path="url(#ClipPath-1)"><g transform="translate(679.1,213.8) rotate(43.7) skewX(3.6) scale(3.299,1.533) translate(-520,-257.9)"><path d="M526 285.7l-18-44.7l4.4-10.9l19.5 46l-5.9 9.6Z" fill="#25693d"/></g></g></g><g transform="translate(620.6,153.4) rotate(83.2) skewX(0) scale(.478,.455) translate(-690.6,-213.2)"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z" fill="#1d850f"/><g clip-path="url(#ClipPath-2)"><g transform="translate(698.2,211.8) rotate(-42.4) skewX(-2.1) scale(3.295,1.534) translate(-523.9,-319.9)"><path d="M535.6 305.4l-17.3 41.1l-6.1-6.2l18.9-47l4.5 12.1Z" fill="#25693d"/></g></g></g><g transform="translate(571.1,163.6) rotate(-39.6) skewX(0) scale(.595,.612) translate(-687.3,-211.5)"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z" fill="#1d850f"/><g clip-path="url(#ClipPath-3)"><g transform="translate(677.6,213.3) rotate(81.6) skewX(.3) scale(2.52,1.199) translate(-521.7,-324.6)"><path d="M536.6 340l-33.4-12.7v-18.1l37.1 10.5l-3.7 20.3Z" fill="#25693d"/></g></g></g><g transform="translate(613.1,200.7) rotate(66.5) skewX(0) scale(.69,.558) translate(-691.4,-215.1)"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z" fill="#1d850f"/><g clip-path="url(#ClipPath-4)"><g transform="translate(700,214) rotate(-29.1) skewX(-8.4) scale(2.331,1.225) translate(-532.7,-330.3)"><path d="M545.1 304l-16 65.2l-8.7-6.8l15.6-71l9.1 12.6Z" fill="#25693d"/></g></g></g><g transform="translate(626,250.3) rotate(66.5) skewX(0) scale(.775,.635) translate(-692.7,-213.8)"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z" fill="#1d850f"/><g clip-path="url(#ClipPath-5)"><g transform="translate(699.8,208.2) rotate(-28.8) skewX(-7.9) scale(2.07,1.081) translate(-536.1,-326.6)"><path d="M549.7 305.9l-15.7 59.8l-11.4 .5l15.8-79.3l11.3 19Z" fill="#25693d"/></g></g></g><g transform="translate(565.1,227.4) rotate(-65.4) skewX(0) scale(.611,.599) translate(-687.3,-214.8)"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z" fill="#1d850f"/>
Second part of SVG code
<g clip-path="url(#ClipPath-6)"><g transform="translate(677.6,212.3) rotate(107.4) skewX(.1) scale(2.569,1.171) translate(-516.7,-311.9)"><path d="M534.2 290.8l-35.8 22.4l4.1 19.8l32.5-25.7l-0.8-16.5Z" fill="#25693d"/></g></g></g><g transform="translate(567.8,275.1) rotate(-50.9) skewX(0) scale(.792,.758) translate(-687.2,-213)"><path d="M689.5 169.9c-11.2 3.7-20.3 22.1-20.3 43.9c0 21.8 9.1 40.2 20.3 43.9c11.2-3.7 20.3-22.1 20.3-43.9c0-21.8-9.1-40.2-20.3-43.9Z" fill="#1d850f"/><g clip-path="url(#ClipPath-7)"><g transform="translate(680,213.5) rotate(93.1) skewX(.5) scale(2.375,.581) translate(-514,-312.8)"><path d="M534.2 290.8l-39 10.6l-2.4 33.4h42.3l-0.9-44Z" fill="#25693d"/></g></g></g></g><g transform="translate(15.3,12.1)"><ellipse cx="108.9" cy="95" rx="47.3" ry="47.3" fill="#fff" stroke="#d42b61" stroke-width="3px"/><g transform="translate(-31.6,-44.2)"><ellipse cx="141.6" cy="139" rx="37.9" ry="37.9" fill="none" stroke="#d42b61" stroke-dasharray="0 20.1 0 0" stroke-dashoffset="39.6" stroke-width="3px"/></g><path d="M136.6 81.3l-28.9 16.6l-19.7-6.7" fill="none" stroke="#d42b61" stroke-width="3px"/><path d="M0-19.2v-34.6" stroke="#d42b61" fill="none" transform="translate(107.8,97.9) translate(0,19.2)" style="animation: 30s linear infinite both a2_t;"/></g><g transform="translate(838.2,298) scale(.649,.671) translate(-882.5,-263.5)"><g transform="translate(882.5,351.8) scale(1.35,1) translate(-915.2,-349.4)"><g transform="translate(741.9,355.2) scale(1,1.185) translate(-741.9,-345.6)"><path d="M708.4 397.8l35.6-104.5l31.4 103.6" fill="none" stroke="gray" stroke-linecap="butt" stroke-width="12.8px"/></g><g transform="translate(993.6,355.4) scale(1,1.188) translate(-741.9,-345.6)"><path d="M708.4 397.8l35.6-104.5l31.4 103.6" fill="none" stroke="gray" stroke-linecap="butt" stroke-width="12.7px"/></g><g transform="translate(915.2,294.4) scale(.969,2.062) translate(-894.4,-293.3)"><path d="M1113.1 293c0-1.6-1-3.1-2.8-4.2c-1.9-1.2-4.3-1.8-6.9-1.8c-58.3 0-359.7 0-417.9 0c-2.6 0-5.1 .6-6.9 1.8c-1.9 1.1-2.9 2.6-2.9 4.2c0 3.2 0 6.6 0 6.6h437.4v-6.6Z" fill="#a6a6a6"/></g></g><g transform="translate(766.8,200.4) scale(.762,.738) translate(-785,-183.3)"><path d="M891.6 137.9c0-5.1-4.1-9.2-9.2-9.2c-35 0-159.8 0-194.8 0c-5.1 0-9.2 4.1-9.2 9.2c0 20.6 0 70.2 0 90.8c0 5.1 4.1 9.2 9.2 9.2c35 0 159.8 0 194.8 0c5.1 0 9.2-4.1 9.2-9.2c0-20.6 0-70.2 0-90.8Z" fill="#dbdbdb" stroke="#d42b61" stroke-linecap="butt" stroke-width="6.1px"/></g><g transform="translate(767.7,200) scale(.334,.445) translate(-766.3,-167)"><ellipse cx="766.3" cy="167" rx="41.6" ry="53.5" fill="#fbc188"/><g transform="translate(766.3,79.6) scale(2,1.608) translate(-766.3,-167)" style="animation: 30s linear infinite both a3_t;"><ellipse rx="41.6" ry="53.5" fill="#fbc188" transform="translate(765.9,194.6) translate(.4,-27.6)" style="animation: 30s linear infinite both a4_t;"/><g transform="translate(768.9,163) scale(1.03,.784) translate(-767.5,-158.6)" style="animation: 30s linear infinite both a5_t;"><path d="M766.3 103.5c29.7 .2 45.6 21 47.9 50.4c3.6 47.2-35.9 59.6-47.9 59.7c-12.3 .1-49-13.1-45.6-61.4c2.1-29.4 17-48.8 45.6-48.7Z" fill="#4f2e0e"/><g transform="translate(769.3,107.7) rotate(8.5) skewX(2.8) scale(.633,.794) translate(-770,-166.6)" style="animation: 30s linear infinite both a6_t;"><path d="M765.8 116.3c29.7 .2 52.4 27.8 54.7 57.2c3.6 47.1-36.4 42.9-48.4 43c-12.3 .1-56.1 6.3-52.7-41.9c2.1-29.4 17.8-58.4 46.4-58.3Z" fill="#644220"/></g></g></g></g><g transform="translate(7.3,5)"><path d="M724.1 285.6c-1.1 .2-8.3 1.7-9.1 .9c-2.1-2-1.9-4.3-3.3-7.5c-0.2-0.5-5.7-2.9-6.4-3c-3.1-0.6-5.9-0.2-8.3 1.2c-9.1 5-15 5.3-25.4 6.2c-4.2 .4-9.7 .7-13-2.4c-2.9-2.6-2.6-6.6-0.9-9.8c4-7.2 8.8-14.7 14.2-21c11.5-13.5 25.4-28.1 40.4-37.5c4.1-2.6 8-6.2 12.5-7.8c3.8-1.2 8.5-1.4 11.5-2.2c1-0.3 2.1-1.4 2.5-2c1.2-1.7 2-2.5 4.2-3.5c2.6-1.3 5.8-1.6 8.7-2.2c7.6-1.4 14.7-0.2 22.3 .6c1.9 .2 3.9 .2 5.5 1.3c1.5 1 3.5 3.5 5 4.9c.7 .7 2.6 .3 3.6 .5c2.6 .6 7.6 1.6 10 2.8c4.3 2.1 6.2 5.5 9.9 8.5c12.8 10.5 23 22.7 33 35.8c4.7 6.1 8.3 12.6 12 19.3c1.4 2.6 4.2 5.7 3.9 8.8c-0.5 5.1-8.1 9.2-12.6 7.7c-8-2.7-16.2-3.4-24.5-4.5c-4.1-0.6-8.3-2.1-12.5-2.2c-3.8-0.1-7.2 2.2-8.4 5.9" fill="#d42b61"/></g><g transform="translate(769,354.7) scale(1.112,1.444) translate(-773.3,-356.9)"><path d="M732.8 400c1.8-0.9-8.4-38.4-5.3-40.4c3.3-2.1 22.2 2.9 33.4 2.1c4.3-0.3 23.9 1.4 27.9 .2l24.3-1c0 0-12.1 39.1-12.1 39.1h28l17.3-46.7c2.7-6.8 4-18.3-1-23.7c-7.1-7.6-23.7-1.3-35.5-0.5c-9 .7-19.3-14.1-28.2-14.3c-12.9-0.2-23.1-0.9-23.1-0.9c-14.2-1.2-24.1 17.6-24.1 17.6c-6.5-2.5-22.3-8.3-31.4-3.6c-9.3 4.8-3.3 24.3-1.9 31.1l7.8 41h23.9Z" fill="#2e2e2e"/></g><g transform="translate(768.6,396.3) rotate(2.5) skewX(2) scale(1.001,1.71) translate(-772.6,-386.6)"><path d="M772.2 372.9l.8 27.3" fill="none" stroke="#171717" stroke-linecap="butt" stroke-width="21.6px"/></g><g transform="translate(767.7,285.4) rotate(180) scale(-0.788,.881) translate(-795.1,-319.2)"><path d="M864.5 363.7c1.2 7.6-1.6 15.3-7.5 21.1c-5.9 5.8-14.4 9.1-23.3 9.1h-77.3c-8.9 0-17.3-3.3-23.2-9.1c-5.9-5.8-8.7-13.4-7.6-21.1c4.6-31.3 11.5-79.1 15-103.6c1.3-8.9 10.2-15.6 20.6-15.6h67.6c10.4 0 19.2 6.7 20.5 15.6c3.6 24.5 10.6 72.3 15.2 103.6Z" fill="#444"/></g><g transform="translate(769.6,372.9) rotate(180) scale(-0.848,.179) translate(-793.5,-319.5)"><path d="M861.9 266.4c1.7 30.6 .2 63.1-4 88c-4.2 24.9-10.8 39.5-17.6 39.5c-26.3 0-64.9 0-90.9 0c-7.2 0-14-14-18.7-38.4c-4.8-24.5-7-57.1-6.2-89.6c0 0 0 0 0 0c.4-12 2.6-21 5.2-20.9c21.1 .8 108.3 3.8 127.5 4.5c2.2 .1 4.2 7 4.7 16.9c0 0 0 0 0 0Z" fill="#444"/></g></g><g transform="translate(862.7,293.9) scale(.976,1.01) translate(-805.6,-290.9)"><g transform="translate(805.6,294.3) rotate(180) scale(-1.247,1.433) translate(-864.4,-297.4)"><path d="M872.9 307.3h-17c0 0 2.6-15.8 3.1-19.1c.1-0.3 .4-0.6 .8-0.6c2 0 7.2 0 9.1 0c.5 0 .8 .3 .9 .6c.5 3.3 3.1 19.1 3.1 19.1Z" fill="#1c9ac6"/></g><g transform="translate(805.6,279.7) scale(1.38,.693) translate(-868.7,-276.4)"><path d="M878.4 279.4c0 .1 0 .2 0 .3c0 .1-0.1 .1-0.1 .1c-2.2 0-17 0-19.2 0c0 0-0.1 0-0.1-0.1c-0.1-0.1-0.1-0.2 0-0.3c.2-1.2 .9-4.2 1.2-5.6c.1-0.5 .4-0.8 .6-0.8c2.4 0 13.3 0 15.7 0c.3 0 .6 .3 .7 .8c.3 1.4 1 4.4 1.2 5.6Z" fill="#1c9ac6"/></g><g transform="translate(805.6,275.5) scale(.734,.608) translate(-868.7,-276.4)"><path d="M878.5 279.8h-19.6c0 0 .7-3.2 1.1-5.3c.2-0.9 1-1.5 1.8-1.5c3.1 0 10.7 0 13.8 0c.8 0 1.5 .6 1.7 1.5c.5 2.1 1.2 5.3 1.2 5.3Z" fill="#1c9ac6"/></g></g><g transform="translate(1021.3,302.9) scale(.925,.957) translate(-1005.6,-299)"><g transform="translate(-0.1,-12.1)"><path d="M1069.8 354.1c3.2 6.3 .3 16.4-1.5 19.4c-6 9.9-19.8 7.9-27.4 8c-5.1 0-13.4-0.3-20.4 0c-8.3 .4-12.7-1.2-21.5 0c-4.5 .6-10.7 1.1-11.9 2.2c-2.1 2-0.9 19.3 0 24.7c.2 1.1 .9 3.7 .9 3.7h-26.9c0 0-1-6.9-1.9-10.5c-2.6-10.2-5-24.8-5.1-35.3c0-3.7-0.3-9 2.2-12.1c2.6-3.3 7.4-4.6 11.3-5.5c9.4-2.3 19.4-2.8 29.1-3c3.7-0.1 7.4-0.2 11.1-0.2c1 0 3.4 .4 4-0.7" fill="#0a5169" fill-rule="nonzero"/></g><g transform="translate(10.5,6)"><g transform="translate(975.2,296) rotate(-33.5) skewX(0) scale(.803,.771) translate(-787.9,-378.6)"><path d="M801.1 388c-0.4 0-0.8 .3-1.1 .3c-0.9 .2-2.1 .1-3 .4c-0.4 .2-1.2 0-1.7 0c-1.9-0.3-3.9-1-5.8-1.5c-1.2-0.4-2.5-1.1-3.6-1.7c-1.3-0.6-2.8-0.9-4-1.7c-2.3-1.7-4.5-3.2-7.4-3.8c-2-0.4-1.4 1.2-2.1 2.6c-0.1 .2-0.8 1.3-1.3 1.1c-0.5-0.4-0.6-1-0.9-1.5c-1-1.5-1.3-4.4 .1-5.8c0 0-0.4-0.4-0.4-0.6c-0.1-0.4-0.2-1 0-1.4c.6-2 .7-3.9 2.7-4.6c.5-0.2 .6-1 1.1-1.1c1.2-0.4 2.7 .4 3.9 .3c1.7-0.2 3.2-0.8 4.9-0.4c.3 .1 1.1-0.2 1.4-0.1c1.3 .7 2.5 1.4 4 2c1.5 .6 3.1 .2 4.5 1.1c1.1 .7 3 2 4.3 1.6c.9-0.3 2.8 .3 3.7 .6c1.6 .4 2.5-0.2 4.4 .1c.6 0 1.2 0 1.5 .3c.8 .7-1.1 2.7-1.4 3.2c-0.8 1.3-2.2 2.8-2.4 4.3c-0.1 1.1-0.3 2.2-0.7 3.3c-0.1 .5-0.7 1.6-0.7 2" fill="#ca9767"/></g><g transform="translate(-12.9,-5.1)"><path d="M1006.2 306.2c-7.7-0.7-7.7-2.6-11.3-9.1c-0.7-1.1-3.2-4.8-1.6-5.9c3.4-2.3 7.8-0.6 11.5-0.6c9.5-0.3 4.1-0.3 13.6-0.3" fill="#96a9b7"/></g></g><g transform="translate(1049.1,337.2) translate(-1049.1,-349.4)" style="animation: 30s linear infinite both a7_t;"><path d="M1035 244.4c.4 .1 .7 .3 1 .4c6.4 3 11.3 9.6 15.9 14.9c6.4 7.4 7 11.1 9.8 20.2c1.7 5.4 4.1 10.5 5.5 16c1.5 5.9 1.3 12.3 2 18.3c.4 3.7 .8 7.8 .2 11.6c-0.4 4 1.2 9 1.1 13.1c-0.2 5.7 4.9 8.3 3.6 13.9c-0.9 3.4-6.4 9.2-9.9 9.5c-18.5 1.9-53-16.4-52.4-17.5c.7-1.4 .1-4.6 .1-6c.2-3-2.1-14-2.1-17c0-10.5 .5-21.2-0.5-31.8c-0.8-9.3-4.2-17.1 1-26.2c4.1-7.3 10.3-13.5 17-18.4c.5-0.4 1.1-0.9 1.6-1.2c.5 .1 1.7-0.6 2.3-0.7c1.1-0.2 2.6 .3 3.8 .9" fill="#d0d0d0" fill-rule="nonzero"/><g transform="translate(1022.1,250.1) rotate(27.7) translate(-1036.9,-216.1)" style="animation: 30s linear infinite both a8_t;"><path d="M999.5 188c0 0 0 0 0 0c-2.4 2.1-5.3 3.8-6.6 6.8c-0.6 1.3-0.6 2.8-1 4.1c-1 3.4-1.5 6.6-0.7 10.6c.4 2.1 1.6 4.5 2.4 6.2c1.2 2.6 1.1 6.2 1.5 9.1c.2 .9 0 2.8 .8 3.4c.6 .4 1.5 .3 2.1 .2c1.7-0.1 3.9-0.9 5.3 .3c1.8 1.7 3.5 3.5 5.3 5.2c1 1 2.1 2.5 3.6 2.5c3 .2 5.4-3.5 7.9-4.8c.7-0.3 2.6-1.2 3.2-0.6c1.2 1.2 2.6 1.4 4.2 1.8c1.8 .4 4 1.7 5.8 1.2c1.2-0.4 2-2.4 2.4-3.4c1.3-3.7 .8-7.7 1.7-11.5c.6-2.7 1.8-5.2 1.7-8.1c0-0.9 .1-2-0.6-2.7c-1-1-2.3-1.6-3.1-2.8c-2.2-3.5-3.5-7.5-5.7-10.9c-3.8-5.9-9.7-11.3-16.7-12.6c-1.1 .2-2.3-0.7-3.6-0.4c-3.9 .8-7 3.9-9.9 6.4" fill="#fbc188"/><path d="M986.8 206.2c-0.2 .1 1.1 .8 1.5 1c3.1 .9 6.7 1.9 9.9 1.1c2.8-0.6 4.9-3.3 7.8-2.4c2.4 .7 4 3.2 5.3 5.1c.4 .5 .9 2.4 1.5 2.5c.7 .1 1.7-1.3 2.1-1.8c-0.3 0-0.5-2.8-0.5-2.9c-0.3-2.2 .3-4.1 1.6-5.7c.2-0.3 1-1.1 1.4-1.1c3.5-0.4 6.2 4.4 7.1 7.3c.2 .5 .2 1.2 .4 1.6c.5 1 .1 2.2 1.2 2.3c1.5 .2 3.2-0.8 4.3-1.7c3.5-2.9 4.3-5.8 3.4-10.3c-1.5-6.9-2.4-14-8-19.1c-7.9-7.2-20.9-4.8-28.4 1.2c-5.7 4.4-15.3 14.8-11.2 22.7" fill="#aca086"/></g></g><g transform="translate(1034,393.4) scale(.453,.277) translate(-741.9,-345.6)"><path d="M708.4 397.8l35.6-104.5l31.4 103.6" fill="none" stroke="gray" stroke-linecap="butt" stroke-width="30.4px"/></g><g transform="translate(1033.9,379) rotate(180) scale(-0.676,.143) translate(-793.3,-319.5)"><path d="M861.8 264.2c1.7 31.2 .2 64.2-4.1 89.5c-4.3 25.4-10.9 40.2-17.9 40.2c-27.2 0-67.2 0-93.1 0c-6.4 0-12.6-12.7-16.9-34.8c-4.3-22.2-6.3-51.8-5.6-81.2c0 0 0 0 0 0c.5-18.8 4-32.9 8.1-32.8c25.2 .9 107.9 3.8 125.4 4.4c1.9 .1 3.6 6.1 4.1 14.7c0 0 0 0 0 0Z" fill="#d42b61"/></g><g transform="translate(13.4,.3)"><g transform="translate(937.8,279.7) scale(1,1.288) translate(-930.3,-285.8)"><path d="M927.2 265.4c-11.8 3.4-16.5 9.5-17.3 12.8c-1.3 4.5 2.1 8.9 11.9 11.7c9.1 2.6 16.8 .4 24.7 3.8c4.5 1.8 9.6 9.1-6.1 12.6" fill="none" stroke="#000" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="1.1px"/></g><g transform="translate(947.9,277.4) scale(.6,.889) translate(-929.1,-278.8)"><path d="M931.1 250.9c0-0.7-0.9-1.3-2-1.3c0 0 0 0 0 0c-1.1 0-2 .6-2 1.3c0 8.6 0 57.1 0 57.1h4v-57.1Z" fill="#525252"/></g><g transform="translate(7.5,-0.2)"><path d="M965 306.3c0-1.5-1.3-2.8-2.8-2.8c-8.4 0-32.8 0-41.2 0c-1.6 0-2.9 1.3-2.9 2.8c0 1.4 0 2.7 0 2.7h46.9v-2.7Z" fill="#525252"/></g><g transform="translate(945.1,249.8) rotate(-111.9) skewX(-3.5) scale(1.071,1.158) translate(-936.8,-249.4)"><path d="M941.2 259.3h-8.7l2.2-19.8h4.3l2.2 19.8Z" fill="#525252"/></g><g transform="translate(958.2,245.4) rotate(-111.8) skewX(-3.5) scale(1.192,1.35) translate(-954.1,-258.8)"><ellipse cx="954.1" cy="258.8" rx="4.9" ry="4.8" fill="#525252"/></g></g><g transform="translate(-0.8,2.4)"><path d="M1035.2 240.8c.3-0.1 .4-0.1 .3-0.2c0-0.1 3.9 1.8 4.4 2c6.1 2.7 10.2 8.4 14.3 13.5c3.5 4.2 7.2 8.3 10.3 12.9c4.5 6.9 7.7 14.9 9 23.1c.7 4.6 2.7 9.8-2.9 10.9c-1.1 .2-2.2 .6-3.2 .8c-6.5 1.1-13 2.4-19.6 2.9c-13.6 .9-26.8 .6-40.4-0.6c-7.6-0.7-8.9-2.5-12.5-9c-0.7-1.1-3.2-4.8-1.6-5.9c3.4-2.3 7.8-0.6 11.5-0.6c9.5-0.3 19-0.9 28.5-0.9c2.7 0 6.4-1.4 9.3-1.9c.8-0.1 2 .2 2.7-0.1c.1 0-0.8-1.3-0.8-1.3c-0.7-0.9-1.3-1.9-2-2.8c-0.3-0.4-1-1.6-1-1.5c-2-2.2-4.1-4.4-6.2-6.5c-1.4-1.5-2.8-3-4.3-4.4c-1.3-1.3-2.6-2.7-3.9-4c-5-5.2-8.8-10.2-7.8-17.8c.5-3.1 1.3-5.6 4.2-7c3.5-1.5 6.7-2.1 10.2-2.1" fill="#b0bec9"/><g transform="translate(986.9,299.5) rotate(-20.7) skewX(0) scale(.803,.771) translate(-787.9,-378.6)"><path d="M801.1 388c-0.4 0-0.8 .3-1.1 .3c-0.9 .2-2.1 .1-3 .4c-0.4 .2-1.2 0-1.7 0c-1.9-0.3-3.9-1-5.8-1.5c-1.2-0.4-2.5-1.1-3.6-1.7c-1.3-0.6-2.8-0.9-4-1.7c-2.3-1.7-4.5-3.2-7.4-3.8c-2-0.4-1.4 1.2-2.1 2.6c-0.1 .2-0.8 1.3-1.3 1.1c-0.5-0.4-0.6-1-0.9-1.5c-1-1.5-1.3-4.4 .1-5.8c0 0-0.4-0.4-0.4-0.6c-0.1-0.4-0.2-1 0-1.4c.6-2 .7-3.9 2.7-4.6c.5-0.2 .6-1 1.1-1.1c1.2-0.4 2.7 .4 3.9 .3c1.7-0.2 3.2-0.8 4.9-0.4c.3 .1 1.1-0.2 1.4-0.1c1.3 .7 2.5 1.4 4 2c1.5 .6 3.1 .2 4.5 1.1c1.1 .7 3 2 4.3 1.6c.9-0.3 2.8 .3 3.7 .6c1.6 .4 2.5-0.2 4.4 .1c.6 0 1.2 0 1.5 .3c.8 .7-1.1 2.7-1.4 3.2c-0.8 1.3-2.2 2.8-2.4 4.3c-0.1 1.1-0.3 2.2-0.7 3.3c-0.1 .5-0.7 1.6-0.7 2" fill="#fbc188"/></g></g></g><g transform="translate(-27.3,14.6)"><g transform="translate(888.7,168) scale(.492,.974) translate(-1018.8,-122.4)"><rect x="833" y="117" width="371.7" height="10.8" fill="#d42b61"/></g><g transform="translate(904.5,144) scale(1.059,.945) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#b4ab2e"/></g><g transform="translate(881.7,141.7) rotate(-90) scale(.833,.924) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#a98e9d"/></g><g transform="translate(927.3,144) scale(1.059,.945) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#2e6db4"/></g><g transform="translate(881.7,148.6) rotate(-90) scale(.833,.924) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#858b57"/></g><g transform="translate(913.1,141.7) scale(1,1.059) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#b47a2e"/></g><g transform="translate(879.5,159.7) rotate(-90) scale(.787,1.036) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#53253f"/></g><g transform="translate(935.8,141.7) scale(1,1.059) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#77568c"/></g><g transform="translate(920,142.9) scale(.666,1) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#51918a"/></g><g transform="translate(880.6,154.3) rotate(-90) scale(.524,.978) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#9c4646"/></g><g transform="translate(951,145.1) rotate(-28.9) skewX(0) scale(.718,.946) translate(-894.5,-142.3)"><rect x="890.8" y="122.4" width="7.4" height="39.8" fill="#91515d"/></g></g><path d="M326.6 277.8c-7.1-24.5 0-44.8 5.3-58.8c7.6-19.7 22-39.6 50.5-49.6c13.2-4.6 48.4-2.5 69.9 11.1c51.3 32.4 55.4 89.4 22.9 97.4c-47.4 11.7-58.9-99.3-6-168.4c38.9-50.8 54.1-30 128.1-20.1c122.4 16.4 197-63.9 148.4-69.5c-54.4-6.4-42.2 101.9 37.1 99.7c63.6-1.8 128.8-59.5 204.1-23.8c51.4 24.4 40.5 90.2 17.5 73.7c-20.5-14.7 36.4-41.1 65.2-25.7c40.1 21.4 5.1 87.4 76.7 98.2" fill="none" stroke="#168ce9" stroke-dasharray="8 3 0 0" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="3px" style="animation: 30s linear infinite both a9_do;"/><g transform="translate(620.6,88.8) rotate(46.8) translate(-207.3,-492.5)"><path d="M230.3 470.5l-46 20h26v24l20-44Z" fill="#168ce9" fill-rule="nonzero"/></g><g transform="translate(1150.7,241.6) rotate(46.8) scale(.631,.631) translate(-207.3,-492.5)"><path d="M230.3 470.5l-46 20h26v24l20-44Z" fill="#168ce9" fill-rule="nonzero"/></g><g transform="translate(468.1,299.7) rotate(-42.1) translate(-440.4,-299.2)"><g transform="translate(440.4,290.8) scale(1,1.055) translate(-440.4,-290.4)"><ellipse cx="440.4" cy="290.4" rx="8.4" ry="8.5" fill="#fff" stroke="#168ce9" stroke-miterlimit="1.2" stroke-width="1.9px"/></g><g transform="translate(440.4,308.2) scale(.32,1) translate(-438.9,-317.7)"><rect x="437.3" y="309.3" width="3.1" height="16.8" fill="#fff" stroke="#168ce9" stroke-miterlimit="1.2" stroke-width="2.7px"/></g></g><g transform="translate(847.1,124.2) rotate(-10.7) skewX(0) scale(1.066,.939) translate(-206.2,-60.5)"><path d="M214 48l-10 2.3c-0.6 .1-1 .7-1 1.2v1.5v12.6c0 .5-0.5 1.1-1 1.2l-2.7 .6c-1.3 .3-2.3 1.6-2.3 2.9v.2c0 1.4 1.1 2.5 2.5 2.5h1c1.9 0 3.4-1.6 3.4-3.5v-8.7v-3.9c0-0.4 .4-0.9 .8-0.9l9.2-1.9c.3-0.1 .7 .2 .7 .6v7.9c0 .5-0.5 1.1-1 1.2l-2.9 .6c-1.2 .3-2.2 1.6-2.2 2.8v.3c0 1.4 1.1 2.5 2.5 2.5h1c1.9 0 3.5-1.6 3.5-3.5v-16.5v-0.8c0-0.7-0.5-1.2-1.1-1.2c-0.1 0-0.3 0-0.4 0Z" fill="#168ce9"/></g><g transform="translate(863.5,72) rotate(3.4) skewX(0) scale(1.066,.939) translate(-206.3,-60.5)"><path d="M214 48l-10 2.3c-0.6 .1-1 .7-1 1.2v1.5v12.6c0 .5-0.5 1.1-1 1.2l-2.7 .6c-1.3 .3-2.3 1.6-2.3 2.9v.2c0 1.4 1.1 2.5 2.5 2.5h1c1.9 0 3.4-1.6 3.4-3.5v-8.7v-3.9c0-0.4 .4-0.9 .8-0.9l9.2-1.9c.3-0.1 .7 .2 .7 .6v7.9c0 .5-0.5 1.1-1 1.2l-2.9 .6c-1.2 .3-2.2 1.6-2.2 2.8v.3c0 1.4 1.1 2.5 2.5 2.5h1c1.9 0 3.5-1.6 3.5-3.5v-16.5v-0.8c0-0.7-0.5-1.2-1.1-1.2c-0.1 0-0.3 0-0.4 0Z" fill="#168ce9"/></g><g transform="translate(408.2,132.2) rotate(-13.1) translate(-579.3,-396.5)" style="animation: 30s linear infinite both a10_t;"><path d="M559.3 383.5v26h40v-26h-40Zm23.4 15.9c-0.9 .9-2.1 1.4-3.4 1.4c-1.3 0-2.5-0.5-3.4-1.4l-13.9-13.9h34.5l-13.8 13.9Zm-11.1-2.9l-10.3 10.3v-20.6l10.3 10.3Zm.7 .7l2.9 2.9c1.1 1.1 2.6 1.7 4.1 1.7c1.6 0 3-0.6 4.1-1.7l2.9-2.9l10.3 10.3h-34.6l10.3-10.3Zm14.7-0.7l10.3-10.3v20.7l-10.3-10.4Z" fill="#168ce9" fill-rule="nonzero"/></g><g transform="translate(532.3,117.2) scale(.811,.811) translate(-522.5,-107.4)"><g transform="translate(511.7,100.6) rotate(-8.7) skewX(0) scale(.899,.733) translate(-116.8,-396.8)"><path d="M116.8 377.8c-11.6 0-21 7.7-21 17.1c0 5.7 3.3 10.6 8.6 13.7c-0.7 3.5-4.5 7.2-4.5 7.2c0 0 6.5 .8 11.3-4c0 0 5.6 .2 7.6 .1c11.6-0.3 19-7.7 19-17.1c0-9.4-9.4-17-21-17Zm2 32.1c-1.8 0-8.4-0.1-8.5-0.2c-0.8 1.3-4.9 4.3-6.9 4.1c1.4-1.5 3.1-5.6 3-6.4c-0.7-0.4-1.3-0.8-2-1.2c-4.1-2.8-6.7-6.9-6.7-11.5c0-8.3 8.5-15.1 19-15.1c10.5 0 19 6.8 19 15.1c0 8.3-6.4 15.2-16.9 15.2Z" fill="#168ce9" fill-rule="nonzero"/></g><g transform="translate(534.3,118.9) rotate(-8.7) skewX(0) scale(-0.87,.595) translate(-116.8,-396.8)"><path d="M116.8 377.8c-11.6 0-21 7.7-21 17.1c0 5.7 3.3 10.6 8.6 13.7c-0.7 3.5-4.5 7.2-4.5 7.2c0 0 6.5 .8 11.3-4c0 0 5.6 .2 7.6 .1c11.6-0.3 19-7.7 19-17.1c0-9.4-9.4-17-21-17Zm2 32.1c-1.8 0-8.4-0.1-8.5-0.2c-0.8 1.3-4.9 4.3-6.9 4.1c1.4-1.5 3.1-5.6 3-6.4c-0.7-0.4-1.3-0.8-2-1.2c-4.1-2.8-6.7-6.9-6.7-11.5c0-8.3 8.5-15.1 19-15.1c10.5 0 19 6.8 19 15.1c0 8.3-6.4 15.2-16.9 15.2Z" fill="#168ce9" fill-rule="nonzero"/></g></g><g transform="translate(679.1,120.9) rotate(-4.6) skewX(0) scale(.823,.941) translate(-659.9,-168.3)" style="animation: 30s linear infinite both a11_t;"><path d="M668.2 161.1c0-1.9-1.8-3.5-4-3.5c-6.3 0-18.3 0-24.6 0c-2.2 0-4 1.6-4 3.5c0 4 0 10.4 0 14.4c0 1.9 1.8 3.5 4 3.5c6.3 0 18.3 0 24.6 0c2.2 0 4-1.6 4-3.5c0-4 0-10.4 0-14.4Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="2.3px"/><g transform="translate(678.1,168.3) rotate(-89.9) translate(-681.6,-162.9)"><path d="M691.5 169h-19.8l5-12.2h9.9l4.9 12.2Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="2.3px"/></g></g><g transform="translate(456,73.1) rotate(-14.6) skewX(0) scale(.833,.735) translate(-755,-45)"><path d="M768.1 22c.4 0 .7 0 1 .1c.8 .1 1.6 .2 2.3 .5c1.5 .5 2.8 1.4 3.8 2.5c1 1 1.8 2.2 2.2 3.6c.3 .7 .4 1.4 .5 2.2c.1 .3 .1 .6 .1 1c.1 8.7 .1 17.5 0 26.2c0 .4 0 .7-0.1 1c-0.1 .8-0.2 1.5-0.5 2.2c-0.4 1.4-1.2 2.6-2.2 3.6c-1 1.1-2.3 2-3.8 2.5c-0.7 .3-1.5 .4-2.3 .5c-0.3 .1-0.6 .1-1 .1c-8.7 .1-17.5 .1-26.2 0c-0.4 0-0.7 0-1-0.1c-0.8-0.1-1.6-0.2-2.3-0.5c-1.3-0.5-2.5-1.2-3.5-2.2c-1.1-1-2-2.4-2.5-3.9c-0.3-0.7-0.5-1.4-0.5-2.2c-0.1-0.3-0.1-0.6-0.1-1c-0.1-8.7-0.1-17.5 0-26.2c0-0.4 0-0.7 .1-1c0-0.8 .2-1.5 .5-2.2c.5-1.5 1.4-2.9 2.5-3.9c1-1 2.2-1.7 3.5-2.2c.7-0.3 1.5-0.4 2.3-0.5c.3-0.1 .6-0.1 1-0.1c8.7-0.1 17.5-0.1 26.2 0Zm7.9 14h-42c-0.1 7.4 0 14.7 0 22.1c0 .3 0 .6 .1 .9c0 .6 .2 1.1 .4 1.7c.4 1.1 1.1 2.2 2 3.1c.8 .7 1.7 1.3 2.8 1.7c.5 .2 1.2 .4 1.8 .4c.3 .1 .5 .1 .8 .1c8.7 .1 17.5 .1 26.2 0c.3 0 .5 0 .8-0.1c.6 0 1.3-0.2 1.8-0.4c1.2-0.4 2.2-1.1 3.1-2c.8-0.8 1.4-1.8 1.7-2.8c.2-0.6 .4-1.2 .4-1.8c.1-0.3 .1-0.5 .1-0.8c0-7.4 .1-14.7 0-22.1Zm-37 21c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm24 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm-16 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm24 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm-16 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm8-10c2.2 0 4 1.8 4 4c0 2.2-1.8 4-4 4c-2.2 0-4-1.8-4-4c0-2.2 1.8-4 4-4Zm-16 2c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm24 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm-32 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm16 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm-8-8c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm24 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm-8 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm-24 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Zm16 0c1.1 0 2 .9 2 2c0 1.1-0.9 2-2 2c-1.1 0-2-0.9-2-2c0-1.1 .9-2 2-2Z" fill="#168ce9"/></g><g><g transform="translate(666.8,43.4) scale(1,.88) translate(-641.3,-44.2)"><path d="M645.8 35.8c0-2.8-2-5-4.5-5c0 0 0 0-0.1 0c-2.4 0-4.4 2.2-4.4 5c0 4.8 0 12 0 16.7c0 2.8 2 5.1 4.4 5.1c.1 0 .1 0 .1 0c2.5 0 4.5-2.3 4.5-5.1c0-4.7 0-11.9 0-16.7Z" fill="#fff"/></g><g transform="translate(442,-333.5)"><path d="M226.5 395.9c5.9-0.7 10.5-5.8 10.5-11.9v-5h-0.4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4 0-0.8 .2-1.1 .5h-0.4v5c0 5-4 9-9 9c-5 0-9-4-9-9v-5h-0.4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4 0-0.8 .2-1.1 .5h-0.4v5c0 6.1 4.6 11.2 10.5 11.9v4.1h-5c-0.8 0-1.5 .7-1.5 1.5c0 .8 .7 1.5 1.5 1.5h13c.8 0 1.5-0.7 1.5-1.5c0-0.8-0.7-1.5-1.5-1.5h-5v-4.1Zm-8.5-25.9c0-3.9 3.1-7 7-7c3.9 0 7 3.1 7 7v14c0 3.9-3.1 7-7 7c-3.9 0-7-3.1-7-7v-14Zm3 0c0-2.2 1.8-4 4-4c2.2 0 4 1.8 4 4v14c0 2.2-1.8 4-4 4c-2.2 0-4-1.8-4-4v-14Z" fill="#168ce9"/></g></g><g><path d="M938.2 28.2l-32.7 8.7l8.4 25l29.9-10.1l-5.6-23.6Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="2px"/><g transform="translate(8.7,25.6)"><path d="M935.2 26l-30.2 10.2l16.9 8.9l34.8-14l-21.5-5.1Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="2px"/></g><g transform="translate(7.3,29.7)"><path d="M906.5 32.6l.4 3.2l16.6 7.9l-0.3-3.2l-16.7-7.9Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="2px"/></g><g transform="translate(24.3,37.7)"><path d="M906.5 32.6l.4 3.2l34-13.5l.3-3.3l-34.7 13.6Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="2px"/></g></g><g transform="translate(963.8,124.2) scale(1.64,1.615) translate(-47,-110.2)"><path d="M57.6 108.4c-0.2-4.4-3.9-7.9-8.4-7.9c-3.3 0-6.2 2-7.5 4.8c-0.7-0.4-1.5-0.7-2.3-0.7c-2.4 0-4.3 1.9-4.4 4.3c-2.1 .9-3.5 2.9-3.5 5.3c0 3.2 2.6 5.8 5.9 5.8h19.2c3.3 0 5.9-2.6 5.9-5.8c0-2.9-2.1-5.3-4.9-5.8Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="2" stroke-width="1.3px"/></g><g transform="translate(1032,72.5) scale(-1.502,1.293) translate(-1038.4,-91.8)"><path d="M1027 76.9c-0.1-0.5 0-1 .2-1.4c.3-0.4 .7-0.6 1.1-0.7c3.7-0.3 12.3-1.2 15.7-1.5c.8-0.1 1.5 .5 1.6 1.4c.8 5.5 3.4 23.4 4.2 28.8c.2 .9-0.3 1.8-1 2c-3.1 1-11 3.7-14.3 4.8c-0.4 .1-0.9 .1-1.2-0.2c-0.4-0.3-0.6-0.7-0.7-1.1c-1.1-6.2-4.5-25.8-5.6-32.1Z" fill="#168ce9"/><g transform="translate(1038.5,90) scale(.885,.935) translate(-1038.3,-90)"><path d="M1027.5 76l17.2-2l4.4 27.8l-16.3 4.2l-5.3-30Z" fill="#fff"/></g><g transform="translate(1041.9,104.9) rotate(-8.3) scale(.495,.631) translate(-1041.5,-99.1)"><ellipse cx="1041.5" cy="99.1" rx="1.8" ry="2.1" fill="#fff"/></g></g><g transform="translate(1106.4,124.4) rotate(15.6) scale(.815,.815) translate(-1112.1,-121.2)" style="animation: 30s linear infinite both a12_t;"><g transform="translate(1111.1,121.7) scale(.77,.806) translate(-1128.6,-90.1)"><ellipse cx="1128.6" cy="90.1" rx="31.3" ry="29.3" fill="#fff"/></g><g transform="translate(1112.1,121.2) scale(2,2) translate(-367,-110)"><path d="M355.9 109.2c.1-2.2 1-4.3 2.4-6.1c.9 .4 1.9 .7 2.9 1c-0.5 1.6-0.8 3.3-0.8 5.1h-4.5Zm10.3 7.4v4.4c-1.3-0.4-2.4-1.9-3.3-4.1c1-0.2 2.2-0.3 3.3-0.3Zm-2.8 4c-1.5-0.6-3-1.5-4.2-2.6c.8-0.3 1.5-0.6 2.4-0.8c.5 1.4 1.1 2.5 1.9 3.4Zm-1.7-9.8h4.5v4.4c-1.3 .1-2.5 .2-3.7 .4c-0.5-1.5-0.7-3.1-0.8-4.8Zm4.5-6v4.4h-4.5c.1-1.7 .3-3.3 .8-4.8c1.2 .2 2.4 .3 3.7 .4Zm-7-2.8c1.2-1.2 2.7-2 4.2-2.6c-0.7 .9-1.3 2-1.8 3.4c-0.9-0.2-1.6-0.5-2.4-0.8Zm3.7 1.1c.9-2.2 2-3.7 3.3-4.1v4.4c-1.1 0-2.3-0.1-3.3-0.3Zm-1.7 12.8c-1 .3-2 .6-2.9 1c-1.4-1.8-2.3-3.9-2.4-6.1h4.5c0 1.8 .3 3.5 .8 5.1Zm16.9-5.1c-0.1 2.2-1 4.3-2.4 6.1c-0.9-0.4-1.9-0.7-2.9-1c.5-1.6 .8-3.3 .8-5.1h4.5Zm-10.3-7.4v-4.4c1.3 .4 2.4 1.9 3.3 4.1c-1 .2-2.2 .3-3.3 .3Zm4.6-0.6c-0.5-1.4-1.1-2.5-1.9-3.4c1.6 .6 3.1 1.4 4.3 2.6c-0.8 .3-1.5 .6-2.4 .8Zm-0.1 6.4h-4.5v-4.4c1.3-0.1 2.5-0.2 3.7-0.4c.5 1.5 .7 3.1 .8 4.8Zm1.3 0c0-1.8-0.3-3.5-0.8-5.1c1-0.3 2-0.6 2.9-1c1.4 1.8 2.3 3.9 2.4 6.1h-4.5Zm-5.8 6v-4.4h4.5c-0.1 1.7-0.3 3.3-0.8 4.8c-1.2-0.2-2.4-0.3-3.7-0.4Zm7 2.8c-1.2 1.1-2.7 2-4.3 2.6c.8-0.9 1.4-2 1.9-3.4c.9 .2 1.6 .5 2.4 .8Zm-3.7-1.1c-0.9 2.2-2 3.7-3.3 4.1v-4.4c1.1 0 2.3 .1 3.3 .3Zm-4.1-19.4c-6.9 0-12.5 5.6-12.5 12.5c0 6.9 5.6 12.5 12.5 12.5c6.9 0 12.5-5.6 12.5-12.5c0-6.9-5.6-12.5-12.5-12.5Z" fill="#168ce9"/></g></g><g transform="translate(784.7,84.8) rotate(-6.9) scale(.897,.897) translate(-805,-43.6)" style="animation: 30s linear infinite both a13_t;"><path d="M805 32.1c-4.1-5-9.3-4.4-17.8 .3l-1.9 26.2c10.3-5.8 16.8-5.8 19.7 0v-26.5Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="2.2px"/><g transform="translate(814.8,43.6) scale(-1,1) translate(-795.2,-43.6)"><path d="M805 32.1c-4.1-5-9.3-4.4-17.8 .3l-1.9 26.2c10.3-5.8 16.8-5.8 19.7 0v-26.5Z" fill="#fff" stroke="#168ce9" stroke-linecap="butt" stroke-miterlimit="1.2" stroke-width="2.2px"/></g></g></svg>
Thanks, Theo ’ I was just worried about interactive svg’s ’ but let me say movement on an image makes the image way more interesting. Looks great thanks.
Thanks, Gilmar ’ I’ll look into this - Thanks again for your help and reply.