<svg id="foo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 384.5 250">
  <defs>
    <linearGradient id="linear-gradient" x1="190.9" y1="1" x2="190.9" y2="252.67" gradientTransform="matrix(1, 0, 0, -1, 2, 252.67)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#575757"/>
      <stop offset="0.24" stop-color="#4b4b4b"/>
      <stop offset="0.68" stop-color="#393939"/>
      <stop offset="1" stop-color="#333"/>
    </linearGradient>
    <linearGradient id="linear-gradient-2" x1="57.05" y1="222.61" x2="79.1" y2="235.34" gradientTransform="matrix(1, 0, 0, -1, 4, 253.33)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#999" stop-opacity="0.1"/>
      <stop offset="0.04" stop-color="#959595" stop-opacity="0.18"/>
      <stop offset="0.28" stop-color="#7d7d7d" stop-opacity="0.62"/>
      <stop offset="0.46" stop-color="#6e6e6e" stop-opacity="0.9"/>
      <stop offset="0.57" stop-color="#696969"/>
      <stop offset="0.99" stop-color="#fff"/>
    </linearGradient>
    <radialGradient id="radial-gradient" cx="289" cy="68.64" r="79.94" gradientTransform="matrix(1, 0, 0, -1, 4, 253.33)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#242424"/>
      <stop offset="1" stop-color="#303030"/>
    </radialGradient>
    <linearGradient id="linear-gradient-3" x1="162.98" y1="58.08" x2="401.67" y2="58.08" gradientTransform="matrix(1, 0, 0, -1, 4, 253.33)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#404040"/>
      <stop offset="1" stop-color="#303030"/>
    </linearGradient>
    <linearGradient id="linear-gradient-4" x1="162.98" y1="28.87" x2="401.67" y2="28.87" xlink:href="#linear-gradient-3"/>
    <radialGradient id="radial-gradient-3" cx="-16.3" cy="-193.98" r="16.51" gradientTransform="matrix(1.92, -0.08, 0.05, -0.46, 84.33, 75.57)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#6e6e6e"/>
      <stop offset="0.23" stop-color="#727272" stop-opacity="0.97"/>
      <stop offset="0.41" stop-color="gray" stop-opacity="0.88"/>
      <stop offset="0.58" stop-color="#969696" stop-opacity="0.72"/>
      <stop offset="0.74" stop-color="#b5b5b5" stop-opacity="0.51"/>
      <stop offset="0.9" stop-color="#dedede" stop-opacity="0.23"/>
      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
    </radialGradient>
    <linearGradient id="linear-gradient-5" x1="-12.56" y1="-23.43" x2="-12.56" y2="1.33" gradientTransform="matrix(1.42, -0.12, -0.06, -0.74, 66.17, 148.2)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#e7e7e7"/>
      <stop offset="0.1" stop-color="#c6c6c6"/>
      <stop offset="0.26" stop-color="#929292"/>
      <stop offset="0.43" stop-color="#686868"/>
      <stop offset="0.59" stop-color="#474747"/>
      <stop offset="0.74" stop-color="#2f2f2f"/>
      <stop offset="0.88" stop-color="#212121"/>
      <stop offset="1" stop-color="#1c1c1c"/>
    </linearGradient>
    <radialGradient id="radial-gradient-4" cx="-0.6" cy="-179.14" r="16.51" gradientTransform="matrix(1.66, -0.01, 0.05, -0.44, 56.19, 67.8)" xlink:href="#radial-gradient-3"/>
    <linearGradient id="linear-gradient-6" x1="9.72" y1="-7.28" x2="9.72" y2="15.11" gradientTransform="matrix(1.23, -0.06, -0.03, -0.7, 37.23, 142.24)" xlink:href="#linear-gradient-5"/>
    <radialGradient id="radial-gradient-5" cx="-0.23" cy="3.74" r="15.71" gradientTransform="matrix(1.66, 0.08, 0.06, -0.62, 51.31, 131.88)" xlink:href="#radial-gradient-3"/>
    <linearGradient id="linear-gradient-7" x1="14.71" y1="122.58" x2="14.71" y2="143.82" gradientTransform="matrix(1.23, -0.02, -0.02, -1, 35.03, 251.18)" xlink:href="#linear-gradient-5"/>
    <radialGradient id="radial-gradient-6" cx="16.45" cy="21.21" r="15.7" gradientTransform="matrix(1.41, 0.08, 0.05, -0.62, 27.09, 122.13)" xlink:href="#radial-gradient-3"/>
    <linearGradient id="linear-gradient-8" x1="38.59" y1="141.19" x2="38.59" y2="162.38" gradientTransform="matrix(1.04, -0.02, -0.02, -1, 14.42, 251.03)" xlink:href="#linear-gradient-5"/>
    <radialGradient id="radial-gradient-7" cx="56.08" cy="-15.64" r="15.7" gradientTransform="matrix(1.08, 0.09, 0.05, -0.52, -7.18, 78.19)" xlink:href="#radial-gradient-3"/>
    <linearGradient id="linear-gradient-9" x1="49.25" y1="163.04" x2="49.25" y2="180.84" gradientTransform="matrix(1, 0, 0, -1, 4, 253.33)" xlink:href="#linear-gradient-5"/>
    <radialGradient id="radial-gradient-8" cx="28.7" cy="142.42" r="8.36" gradientTransform="matrix(1, 0, 0, -1, 2, 252.67)" xlink:href="#radial-gradient-3"/>
    <linearGradient id="linear-gradient-10" x1="3.49" y1="-18.15" x2="181.67" y2="46.7" gradientTransform="matrix(1, 0, 0, -1, 4, 253.33)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#1f1f1f"/>
      <stop offset="1" stop-color="#303030"/>
    </linearGradient>
    <radialGradient id="radial-gradient-9" cx="263.7" cy="214.67" r="26.55" gradientTransform="matrix(1, 0, 0, -1, 2, 252.67)" gradientUnits="userSpaceOnUse">
      <stop offset="0.27" stop-color="#fff" stop-opacity="0.6"/>
      <stop offset="1" stop-color="#454545" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="radial-gradient-10" cx="49.5" cy="141.67" r="51.5" xlink:href="#radial-gradient-9"/>
    <linearGradient id="linear-gradient-11" x1="340.77" y1="55.5" x2="335.14" y2="65.26" gradientTransform="matrix(1, 0, 0, -1, 2, 252.67)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#999"/>
      <stop offset="0.1" stop-color="#8f8f8f"/>
      <stop offset="0.4" stop-color="#737373"/>
      <stop offset="0.57" stop-color="#696969"/>
      <stop offset="0.99" stop-color="#949494"/>
    </linearGradient>
    <linearGradient id="linear-gradient-12" x1="339.54" y1="59.97" x2="339.54" y2="65.82" gradientTransform="matrix(1, 0, 0, -1, 4, 253.33)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#fff"/>
      <stop offset="0.02" stop-color="#f9f9f9"/>
      <stop offset="0.24" stop-color="#bbb"/>
      <stop offset="0.42" stop-color="#8f8f8f"/>
      <stop offset="0.57" stop-color="#737373"/>
      <stop offset="0.65" stop-color="#696969"/>
      <stop offset="0.99" stop-color="#fff"/>
    </linearGradient>
    <linearGradient id="linear-gradient-13" x1="355.37" y1="57.53" x2="351.5" y2="64.24" xlink:href="#linear-gradient-11"/>
    <linearGradient id="linear-gradient-14" x1="353.31" y1="61.23" x2="353.31" y2="65.25" xlink:href="#linear-gradient-12"/>
    <linearGradient id="linear-gradient-15" x1="-15.49" y1="11.67" x2="49.01" y2="35.15" gradientTransform="matrix(1, 0, 0, -1, 4, 253.33)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#212121"/>
      <stop offset="1" stop-color="#333"/>
    </linearGradient>
    <linearGradient id="linear-gradient-16" x1="-28.69" y1="47.95" x2="35.81" y2="71.43" xlink:href="#linear-gradient-15"/>
    <linearGradient id="linear-gradient-17" x1="-31.42" y1="55.47" x2="33.08" y2="78.94" xlink:href="#linear-gradient-15"/>
    <radialGradient id="radial-gradient-11" cx="143.76" cy="61.95" r="109.69" gradientTransform="matrix(1.04, 0, 0, -1.02, -0.64, 257.45)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#2b2b2b"/>
      <stop offset="1" stop-color="#1c1c1c"/>
    </radialGradient>
    <linearGradient id="linear-gradient-18" x1="-22.02" y1="29.62" x2="42.48" y2="53.1" xlink:href="#linear-gradient-15"/>
    <linearGradient id="linear-gradient-19" x1="-26.61" y1="42.21" x2="37.89" y2="65.68" xlink:href="#linear-gradient-15"/>
    <linearGradient id="linear-gradient-20" x1="310.98" y1="49.59" x2="303.31" y2="62.87" xlink:href="#linear-gradient-11"/>
    <linearGradient id="linear-gradient-21" x1="310.83" y1="54.95" x2="310.83" y2="62.92" xlink:href="#linear-gradient-12"/>
  </defs>
  <title>pagoda-full-8</title>
  <rect x="1.7" width="382.4" height="251.67" fill="url(#linear-gradient)"/>
  <path id="comet" d="M95.5,39.7c0.3-2.5-47-30.6-47-30.6s46.7,33.1,47,30.6" transform="translate(2 1.3)" fill="url(#linear-gradient-2)"/>
  <path d="M382.5,193.2c-10-2.1-22.1-3.4-34.2-1.5-27.7,4.2-49.6-.4-60.6,6.2l94.7,1.9v-6.5h0.1Z" transform="translate(2 1.3)" fill="url(#radial-gradient)"/>
  <path d="M382.5,193.2c-10-2.1-22.1-3.4-34.2-1.5-27.7,4.2-49.6-.4-60.6,6.2l94.7,1.9v-6.5h0.1Z" transform="translate(2 1.3)" fill="url(#linear-gradient-3)"/>
  <path d="M382.5,193.2l-1-23.7a163.2,163.2,0,0,0-17.8,2.2l-6-.7L181,180l85.7,17.3,21.1,0.4c10.9-6.6,32.9-1.9,60.6-6.2A102.9,102.9,0,0,1,382.5,193.2Z" transform="translate(2 1.3)" fill="url(#radial-gradient)"/>
  <path d="M287.8,197.9l-0.8.5c-10.7,7.3-28-.7-51.3,10s-68,12-68.7,14.7,16.3,28,16.3,28l199.2-.3V199.7Z" transform="translate(2 1.3)" fill="url(#linear-gradient-4)"/>
  <path d="M128,172.7s67.3-9.3,80.7-7,35,6,35.3,3.3,12.3-2.3,23.3-.3,17.3,2.7,36,1.7,18.3-2.3,41.3.7-209.3,10.3-209.3,10.3Z" transform="translate(2 1.3)" fill="#1b1b1b" opacity="0.39"/>
  <path id="top" d="M55.5,49.4a4.7,4.7,0,0,1-.5,2.2c-0.5,1.2-2.5,1-.5,1.2s-1-2.5,0,0-2.3,2.8,1,2.5-2.2,1.2-1,1.7-3,2.2-.8,2.2-3.7,1.5-.9,1.3-3.2,1.7.2,1.5-4.2,2.7-.7,2.2-3.5,2.2-.2,2-4.3,1.3-.7,1.3-3.2,1.7-.3,1.7-2.2,1.7.5,1.7-0.5,1.3.8,1.3-1.4,1.5.8,1.5,3.7-3,2.2-2.8,5.2,0.2,1.5-.2,1.7-2.2-.8-1.8,3.8-1.7-1-1.7,4-.5,1.8-0.8,3.2-1.5-.2-1.5,3-1.7,0-1.7,2.3-1.5-.3-1.8,1.2-1.7-.2-2.2-0.2-2-.2-2,3-3.3,1.5-3.2,0.8-2.5-.8-2.5S55.5,49.4,55.5,49.4Z" transform="translate(2 1.3)" fill="#171717"/>
  <g opacity="0.6">
  <g>
    <path d="M6,167.5l-6.2-.3L0,157s8.5,8.1,19.9,7.8l59.8-.8s13.5-2.1,18.4-4.4c0,0,4.1,3-3.6,7.7l-3.7.7-12.7,2.3-62.1.4Z" transform="translate(2 1.3)" fill="#fff"/>
    <path d="M11.2,171.6l-10-8.7a221.1,221.1,0,0,0,41.5,2.7s39.3-.1,44-1.3c0,0-8.9,6.6-13.3,6.5C66.6,170.6,12.7,172.6,11.2,171.6Z" transform="translate(2 1.3)" opacity="0.8" fill="url(#radial-gradient-3)" style="isolation: isolate"/>
    <path d="M19.5,150.7s45.6-1.1,56.2.8L92,160.1a14.3,14.3,0,0,0,6.1-.4,65.9,65.9,0,0,1-22.8,4.5l-53.3.4s-18.4-1.4-22-8.5C0,156-2.3,162.2,19.5,150.7Z" transform="translate(2 1.3)" opacity="0.62" fill="url(#linear-gradient-5)" style="isolation: isolate"/>
  </g>
  <g>
    <path d="M12.7,153l-5.3-5.2L4.5,136.4s6.3,8.2,20.8,7.8c5.7-.1,51.8,1.5,51.8,1.5s11.7-1.5,16-3.5c0,0,.9,3.1-5.8,7.2l-7,4.7-4.7-2.5-56.1-.9Z" transform="translate(2 1.3)" fill="#fff"/>
    <path d="M17.6,150.3l-8.4-8.6A175.5,175.5,0,0,0,45,145.8s34,1.4,38.1.4c0,0-7.8,6-11.7,5.7C65.7,151.4,18.9,151.3,17.6,150.3Z" transform="translate(2 1.3)" opacity="0.8" fill="url(#radial-gradient-4)" style="isolation: isolate"/>
    <path d="M22.4,132.9s45.9,1.1,55,3.3l10.7,6.5a11.3,11.3,0,0,0,5.3-.2,52.2,52.2,0,0,1-19.9,3.4l-46.2-1.6s-17.5-.5-22.5-7.6C4.8,136.7,8.1,140.4,22.4,132.9Z" transform="translate(2 1.3)" opacity="0.62" fill="url(#linear-gradient-6)" style="isolation: isolate"/>
  </g>
  <g>
    <path d="M12.3,137l-1.8-8.3,0.8-6,1.7-5.3s6.8,5.1,12.4,5.6l51.8,4.9s6.7,1,11.1-1.7c0,0,4.5,0-2.3,5.5l-8.7,4.2-8.3.7-46.5-4Z" transform="translate(2 1.3)" fill="#fff"/>
    <path d="M21,131.5l-5.7-9.2a219.6,219.6,0,0,0,33.2,4.2s33.9,3.8,38.1,2.7c0,0-8,8-11.8,7.4C69,135.7,22.2,133,21,131.5Z" transform="translate(2 1.3)" opacity="0.8" fill="url(#radial-gradient-5)" style="isolation: isolate"/>
    <path d="M52.9,107a36.9,36.9,0,0,0,14.3,10.5l7.2,1.5s11.3,8.2,13.8,7.2c0,0-4.4,2.5-14.9,1.3l-46.2-4.8s-9.3-1.2-14.2-5.3C12.9,117.4,38.4,117,52.9,107Z" transform="translate(2 1.3)" opacity="0.62" fill="url(#linear-gradient-7)" style="isolation: isolate"/>
  </g>
  <g>
    <path d="M16.5,119.2l-0.8-9.1,1.7-6.4,1.4-5.3s5.7,5.1,10.5,5.6l43.8,5s7.6,0.3,11.3-2.4c0,0,3.5,1.5-2.3,7l-7.8,5.5-8.2-.9L28.8,115Z" transform="translate(2 1.3)" fill="#fff"/>
    <path d="M25.7,112.4l-4.9-9.2A159.6,159.6,0,0,0,49,107.5s28.7,3.9,32.3,2.8c0,0-6.7,7.3-10,7.4S26.9,114.9,25.7,112.4Z" transform="translate(2 1.3)" opacity="0.52" fill="url(#radial-gradient-6)" style="isolation: isolate"/>
    <path d="M52.6,88A32.9,32.9,0,0,0,64.7,98.5l8.1,4.6s9.4,4.4,11.6,3.4c0,0-5.6,3.3-14.5,2l-39-4.9s-7.9-1.3-12.1-5.4C18.8,98.3,40.4,97.9,52.6,88Z" transform="translate(2 1.3)" opacity="0.62" fill="url(#linear-gradient-8)" style="isolation: isolate"/>
  </g>
  <g>
    <path d="M26.2,98.2l-0.5-7.7,2.5-9.8s4.3,4.3,8,4.8l33.5,4.8s5.8,0.3,8.7-1.8c0,0,2.7,1.3-1.8,5.8l-6.7,7L64.2,98,35.7,94.9Z" transform="translate(2 1.3)" fill="#fff"/>
    <path d="M33.3,92.7l-3.6-7.8a112.6,112.6,0,0,0,21.5,4s22,3.6,24.7,2.8c0,0-5.2,6.1-7.8,6.1S34.2,94.8,33.3,92.7Z" transform="translate(2 1.3)" opacity="0.52" fill="url(#radial-gradient-7)" style="isolation: isolate"/>
    <path d="M54.2,72.5a26.4,26.4,0,0,0,9.2,9l6.2,4s7.2,3.8,8.8,3c0,0-4.3,2.7-11.2,1.5L37.3,85.4s-6-1.2-9.2-4.7C28.2,80.7,44.7,80.7,54.2,72.5Z" transform="translate(2 1.3)" opacity="0.62" fill="url(#linear-gradient-9)" style="isolation: isolate"/>
  </g>
  <polygon points="22.9 104.5 20.4 116 39 115 41 109.3 22.9 104.5" fill="url(#radial-gradient-8)"/>
  <path d="M-0.2,250.4s37.3-49,59.1-45,47-21.7,64.1-13.7,33.5-3.7,45.1,13.3,33.6,45.7,33.6,45.7Z" transform="translate(2 1.3)" fill="url(#linear-gradient-10)"/>
  <circle id="moonglow" cx="265.7" cy="38" r="26.6" fill="url(#radial-gradient-9)"/>
  <path d="M265.5,42.4a7.4,7.4,0,0,1-5.4-12.5A8.3,8.3,0,1,0,271.7,39,7.4,7.4,0,0,1,265.5,42.4Z" transform="translate(2 1.3)" fill="#fff"/>
  <circle id="pagodaglow" cx="51.5" cy="111" r="51.5" fill="url(#radial-gradient-10)"/>
  <g>
    <polygon points="332.3 190.9 333.2 189.7 344.9 188.8 344.7 193.8 343.9 196.5 343.3 196.6 343 194.1 340.2 194.6 337.8 194.4 337.7 196.1 337.4 196.7 336.2 193.6 334.8 191.8 333.8 191.7 333 192.3 332.3 190.9" fill="url(#linear-gradient-11)"/>
    <path d="M342.9,187.5l1.4,3-0.4,1.6s1,0.3.1,1-0.7-.4-0.4-1.2a1.2,1.2,0,0,0,.2-1.2,10.2,10.2,0,0,0-1.1-2.6v-0.7h0.2Z" transform="translate(2 1.3)" fill="url(#linear-gradient-12)"/>
  </g>
  <g>
    <polygon points="350.2 190.8 350.8 190 358.9 189.4 358.7 192.8 358.1 194.7 357.7 194.8 357.6 193 355.6 193.4 354 193.2 353.9 194.4 353.7 194.8 352.9 192.7 351.9 191.4 351.2 191.3 350.6 191.8 350.2 190.8" fill="url(#linear-gradient-13)"/>
    <path d="M356.8,188.1l1,2.1-0.2,1.1s0.7,0.2,0,.7-0.5-.2-0.2-0.8a0.8,0.8,0,0,0,.1-0.8,7,7,0,0,0-.8-1.8v-0.5h0.1Z" transform="translate(2 1.3)" fill="url(#linear-gradient-14)"/>
  </g>
  <polygon points="246.8 171.5 246.8 173 247.8 173 247.9 171.5 246.8 171.5" fill="#141414"/>
  <polygon points="246.9 171.9 246.8 173 247.8 173 247.8 171.8 246.9 171.9" fill="#484848"/>
  <path d="M24.3,187l7.2-1.6,29.3-12.7,7-2.2-68-3.3v11.3C7.3,182.9,18.2,188.3,24.3,187Z" transform="translate(2 1.3)" fill="#353535"/>
  <path d="M-0.2,250.4H3s15.2-12.7,26.7-24.3c-12.5-.6-23-1.4-29.9-2.5v26.8Z" transform="translate(2 1.3)" fill="url(#linear-gradient-15)"/>
  <path d="M-0.2,205.2a87.9,87.9,0,0,1,7.8-6.9l10.7-7.2,6.2-2.7-24.7-.6v17.3h0Z" transform="translate(2 1.3)" fill="url(#linear-gradient-16)"/>
  <path d="M24.3,187c-6.1,1.2-17-4.2-24.5-8.5v9.4l24.7,0.6,7-3.1Z" transform="translate(2 1.3)" fill="#353535"/>
  <path d="M24.3,187c-6.1,1.2-17-4.2-24.5-8.5v9.4l24.7,0.6,7-3.1Z" transform="translate(2 1.3)" fill="url(#linear-gradient-17)"/>
  <path d="M235.9,188.1c-7.3.3-85-17.4-100.2-23.2s-60,1.4-60,1.4l-14.9,6.5L46.3,195.4l-4.1-1.9c0.4,7.8-.6,20.1-9.2,29.2l-3.3,3.4c49,2.3,129.1,1.4,146.4-.7,25.2-3.1,129.5-28.3,129.5-28.3S243.1,187.8,235.9,188.1Z" transform="translate(2 1.3)" fill="url(#radial-gradient-11)"/>
  <path d="M41.7,187.4a51.5,51.5,0,0,1,.6,6.1l4.1,1.9,14.5-22.6L31.6,185.5C37.5,184.2,41.2,183.7,41.7,187.4Z" transform="translate(2 1.3)" fill="#353535"/>
  <path d="M41.7,187.4a51.5,51.5,0,0,1,.6,6.1l4.1,1.9,14.5-22.6L31.6,185.5C37.5,184.2,41.2,183.7,41.7,187.4Z" transform="translate(2 1.3)" fill="url(#radial-gradient-11)"/>
  <path d="M42.2,193.5L32,188.7l-7.5-.2-6.2,2.7L7.7,198.4a87.9,87.9,0,0,0-7.8,6.9v18.3c6.9,1.1,17.4,1.9,29.9,2.5l3.2-3.4C41.7,213.5,42.6,201.2,42.2,193.5Z" transform="translate(2 1.3)" fill="url(#linear-gradient-18)"/>
  <path d="M42.2,193.5L32,188.7l-7.5-.2-6.2,2.7L7.7,198.4a87.9,87.9,0,0,0-7.8,6.9v18.3c6.9,1.1,17.4,1.9,29.9,2.5l3.2-3.4C41.7,213.5,42.6,201.2,42.2,193.5Z" transform="translate(2 1.3)" fill="url(#radial-gradient-11)"/>
  <path d="M31.6,185.5l-7,3.1H32l10.2,4.8a51.5,51.5,0,0,0-.6-6.1C41.2,183.7,37.5,184.2,31.6,185.5Z" transform="translate(2 1.3)" fill="#353535"/>
  <path d="M31.6,185.5l-7,3.1H32l10.2,4.8a51.5,51.5,0,0,0-.6-6.1C41.2,183.7,37.5,184.2,31.6,185.5Z" transform="translate(2 1.3)" fill="url(#linear-gradient-19)"/>
  <path d="M31.6,185.5l-7,3.1H32l10.2,4.8a51.5,51.5,0,0,0-.6-6.1C41.2,183.7,37.5,184.2,31.6,185.5Z" transform="translate(2 1.3)" fill="url(#radial-gradient-11)"/>
  <circle cx="89.1" cy="37.2" r="1.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="108.2" cy="51.8" r="1.1" fill="#fff" style="isolation: isolate"/>
  <circle cx="111.9" cy="38.1" r="0.5" fill="#fff" style="isolation: isolate"/>
  <circle cx="108.4" cy="22" r="1.3" fill="#fff" style="isolation: isolate"/>
  <circle cx="78" cy="63.1" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="65.4" cy="36.7" r="0.5" fill="#fff" style="isolation: isolate"/>
  <circle cx="49.3" cy="18.7" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="118.3" cy="75.5" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="139.4" cy="39" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="181.3" cy="65.4" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="165.4" cy="78.6" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="153.6" cy="57.5" r="0.8" fill="#fff" style="isolation: isolate"/>
  <circle cx="80.5" cy="102.2" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="108.9" cy="102.3" r="1.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="137.7" cy="91.7" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="199.4" cy="94" r="0.6" fill="#fff" style="isolation: isolate"/>
  <circle cx="223.7" cy="81.3" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="216.3" cy="53.2" r="0.7" fill="#fff" style="isolation: isolate"/>
  <circle cx="216.6" cy="28.7" r="0.6" fill="#fff" style="isolation: isolate"/>
  <circle cx="227.7" cy="17.4" r="1" fill="#fff" style="isolation: isolate"/>
  <circle cx="233.3" cy="51" r="0.4" fill="#fff" style="isolation: isolate"/>
  <circle cx="240.9" cy="71.6" r="0.5" fill="#fff" style="isolation: isolate"/>
  <circle cx="241.8" cy="92.8" r="0.4" fill="#fff" style="isolation: isolate"/>
  <circle cx="223" cy="97.3" r="0.4" fill="#fff" style="isolation: isolate"/>
  <circle cx="32.7" cy="36.4" r="0.6" fill="#fff" style="isolation: isolate"/>
  <circle cx="245.6" cy="102.5" r="1.3" fill="#fff" style="isolation: isolate"/>
  <circle cx="260.9" cy="114.1" r="0.9" fill="#fff" style="isolation: isolate"/>
  <circle cx="263.8" cy="103.2" r="0.4" fill="#fff" style="isolation: isolate"/>
  <circle cx="261" cy="90.4" r="1.1" fill="#fff" style="isolation: isolate"/>
  <circle cx="236.8" cy="123.2" r="0.6" fill="#fff" style="isolation: isolate"/>
  <circle cx="226.7" cy="102.1" r="0.4" fill="#fff" style="isolation: isolate"/>
  <circle cx="213.9" cy="87.7" r="0.6" fill="#fff" style="isolation: isolate"/>
  <circle cx="268.9" cy="133" r="0.6" fill="#fff" style="isolation: isolate"/>
  <circle cx="285.7" cy="103.9" r="0.6" fill="#fff" style="isolation: isolate"/>
  <circle cx="319.2" cy="125" r="0.6" fill="#fff" style="isolation: isolate"/>
  <circle cx="306.5" cy="135.5" r="0.6" fill="#fff" style="isolation: isolate"/>
  <g opacity="0.56">
    <circle cx="297" cy="118.6" r="0.7" fill="#fff" style="isolation: isolate"/>
    <circle cx="238.8" cy="154.3" r="0.6" fill="#fff" style="isolation: isolate"/>
    <circle cx="261.4" cy="154.4" r="1.3" fill="#fff" style="isolation: isolate"/>
    <circle cx="284.4" cy="145.9" r="0.6" fill="#fff" style="isolation: isolate"/>
    <circle cx="333.6" cy="147.8" r="0.5" fill="#fff" style="isolation: isolate"/>
    <circle cx="353" cy="137.7" r="0.6" fill="#fff" style="isolation: isolate"/>
    <circle cx="347.1" cy="115.2" r="0.6" fill="#fff" style="isolation: isolate"/>
    <circle cx="347.3" cy="95.7" r="0.5" fill="#fff" style="isolation: isolate"/>
    <circle cx="356.2" cy="86.6" r="0.8" fill="#fff" style="isolation: isolate"/>
    <circle cx="360.7" cy="113.5" r="0.3" fill="#fff" style="isolation: isolate"/>
    <circle cx="366.7" cy="129.9" r="0.4" fill="#fff" style="isolation: isolate"/>
    <circle cx="367.4" cy="146.8" r="0.3" fill="#fff" style="isolation: isolate"/>
    <circle cx="352.4" cy="150.4" r="0.3" fill="#fff" style="isolation: isolate"/>
    <circle cx="200.6" cy="101.8" r="0.5" fill="#fff" style="isolation: isolate"/>
    <circle cx="203.4" cy="134.3" r="1.1" transform="translate(-10.5 22.5) rotate(-5.8)" fill="#fff" style="isolation: isolate"/>
    <circle cx="190.7" cy="125.8" r="0.8" transform="translate(-9.9 21.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="189.2" cy="135.4" r="0.4" transform="matrix(0.99, -0.1, 0.1, 0.99, -10.92, 21.49)" fill="#fff" style="isolation: isolate"/>
    <circle cx="192.6" cy="146.1" r="0.9" transform="translate(-12 21.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="209.1" cy="115.9" r="0.5" transform="translate(-8.6 22.9) rotate(-5.8)" fill="#fff" style="isolation: isolate"/>
    <circle cx="221" cy="133.1" r="0.4" transform="matrix(0.99, -0.1, 0.1, 0.99, -10.51, 24.75)" fill="#fff" style="isolation: isolate"/>
    <circle cx="233.2" cy="144.2" r="0.5" transform="translate(-11.6 26.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="182" cy="110.3" r="0.5" transform="translate(-8.4 20.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="170.2" cy="136.7" r="0.5" transform="translate(-11.1 19.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="139.7" cy="121.7" r="0.5" transform="translate(-9.8 16.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="149.7" cy="111.5" r="0.5" transform="translate(-8.7 17.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="159.4" cy="125" r="0.6" transform="translate(-10 18.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="204.8" cy="89.5" r="0.5" transform="translate(-6 22.4) rotate(-5.8)" fill="#fff" style="isolation: isolate"/>
    <circle cx="186.6" cy="91.4" r="1.1" transform="translate(-6.4 21) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="166.6" cy="100.7" r="0.5" transform="translate(-7.3 18.6) rotate(-5.8)" fill="#fff" style="isolation: isolate"/>
    <circle cx="125.4" cy="103.3" r="0.4" transform="translate(-8 14.8) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
  </g>
  <g opacity="0.53">
    <circle cx="109.8" cy="113.8" r="0.5" transform="translate(-9.1 13.2) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="116.8" cy="132.4" r="0.5" transform="translate(-11 14) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="118.3" cy="149.2" r="0.4" transform="matrix(0.99, -0.1, 0.1, 0.99, -12.71, 14.29)" fill="#fff" style="isolation: isolate"/>
    <circle cx="111.6" cy="157.7" r="0.7" transform="matrix(0.99, -0.1, 0.1, 0.99, -13.62, 13.64)" fill="#fff" style="isolation: isolate"/>
    <circle cx="105.4" cy="135" r="0.3" transform="translate(-11.3 12.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="98.7" cy="121.6" r="0.4" transform="translate(-10 12.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="96.5" cy="107.2" r="0.3" transform="translate(-8.5 11.8) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="109.1" cy="102.8" r="0.3" transform="translate(-8 13.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="243.3" cy="131" r="0.4" transform="matrix(0.99, -0.1, 0.1, 0.99, -10.17, 27.04)" fill="#fff" style="isolation: isolate"/>
    <circle cx="170.2" cy="44.3" r="0.9" transform="translate(-1.7 19.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="159.2" cy="37.6" r="0.6" transform="translate(-1 17.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="157.8" cy="45.2" r="0.3" transform="translate(-1.8 17.8) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="160.6" cy="53.7" r="0.7" transform="translate(-2.7 18.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="174.9" cy="29.7" r="0.4" transform="translate(-0.1 19.5) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="183.1" cy="43.4" r="0.3" transform="translate(-1.5 20.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="192.9" cy="52.2" r="0.4" transform="translate(-2.3 21.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="152.3" cy="25.3" r="0.4" transform="translate(0.2 17.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="142.9" cy="46.2" r="0.4" transform="translate(-2 16.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="118.7" cy="34.3" r="0.4" transform="translate(-0.9 13.7) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="126.6" cy="26.2" r="0.4" transform="translate(0 14.5) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="134.2" cy="37.1" r="0.5" transform="translate(-1.1 15.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="171.3" cy="8.7" r="0.4" transform="translate(2 19) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="155.9" cy="10.3" r="0.9" transform="translate(1.8 17.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="140.8" cy="17.6" r="0.4" transform="translate(0.9 15.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="68" cy="9.2" r="0.3" transform="translate(1.4 8.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="94.8" cy="28.1" r="0.4" transform="translate(-0.4 11.2) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="100.4" cy="42.9" r="0.4" transform="translate(-1.9 11.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="101.7" cy="56.1" r="0.3" transform="translate(-3.2 12.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="96.2" cy="62.9" r="0.6" transform="translate(-4 11.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="91.4" cy="45" r="0.2" transform="translate(-2.1 11) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <circle cx="86.2" cy="29.3" r="0.3" transform="translate(-0.6 10.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
    <g>
      <circle cx="84.4" cy="22.9" r="0.2" transform="translate(0.1 10.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="94.3" cy="19.3" r="0.2" transform="translate(0.5 11.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="201" cy="41.7" r="0.3" transform="translate(-1.2 22.2) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="294.9" cy="86.4" r="0.9" transform="translate(-5.3 32.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="374.8" cy="33.4" r="0.6" transform="translate(0.6 40) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="373.6" cy="41" r="0.3" transform="translate(-0.2 40) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="376.3" cy="49.6" r="0.7" transform="translate(-1.1 40.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="299.4" cy="71.7" r="0.4" transform="translate(-3.8 32.5) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="307.8" cy="85.3" r="0.3" transform="translate(-5.1 33.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="317.4" cy="94.3" r="0.4" transform="translate(-6 34.5) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="368" cy="21.1" r="0.4" transform="translate(1.8 39.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="358.6" cy="42.1" r="0.4" transform="translate(-0.4 38.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="334.4" cy="30.3" r="0.4" transform="translate(0.7 35.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="342.3" cy="22.1" r="0.4" transform="translate(1.5 36.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="349.9" cy="32.9" r="0.5" transform="translate(0.5 37.5) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="295.9" cy="50.7" r="0.4" transform="translate(-1.6 32) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="371.6" cy="6.2" r="0.9" transform="translate(3.3 39.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="356.5" cy="13.5" r="0.4" transform="translate(2.5 38.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="322.9" cy="15.7" r="0.3" transform="translate(2.1 34.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="310.6" cy="23.9" r="0.4" transform="translate(1.2 33.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="316.1" cy="38.7" r="0.4" transform="translate(-0.3 34) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="317.3" cy="52" r="0.3" transform="translate(-1.7 34.2) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="311.9" cy="58.8" r="0.6" transform="translate(-2.4 33.7) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="307" cy="40.9" r="0.2" transform="translate(-0.6 33.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="301.7" cy="30.1" r="0.3" transform="translate(0.5 32.5) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="300.1" cy="18.7" r="0.2" transform="translate(1.7 32.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="310.1" cy="15.2" r="0.2" transform="translate(2.1 33.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="325.5" cy="83.6" r="0.3" transform="translate(-4.9 35.2) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="365.7" cy="70.3" r="0.4" transform="translate(-3.3 39.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="341.5" cy="58.3" r="0.4" transform="translate(-2.2 36.7) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <circle cx="357" cy="61.1" r="0.5" transform="translate(-2.4 38.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      <g>
        <circle cx="21.3" cy="27.2" r="0.6" fill="#fff" style="isolation: isolate"/>
        <circle cx="35.8" cy="20.9" r="0.6" fill="#fff" style="isolation: isolate"/>
        <circle cx="22.5" cy="35" r="0.5" fill="#fff" style="isolation: isolate"/>
        <circle cx="26.3" cy="67.3" r="1.1" transform="translate(-4.6 4.3) rotate(-5.8)" fill="#fff" style="isolation: isolate"/>
        <circle cx="12.6" cy="59" r="0.8" transform="translate(-4 2.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="11" cy="68.6" r="0.4" transform="translate(-5 2.8) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="32.1" cy="48.9" r="0.5" transform="translate(-2.8 4.8) rotate(-5.8)" fill="#fff" style="isolation: isolate"/>
        <circle cx="27.8" cy="22.5" r="0.5" transform="translate(-0.1 4.2) rotate(-5.8)" fill="#fff" style="isolation: isolate"/>
        <circle cx="8.5" cy="24.5" r="1.1" transform="translate(-0.5 2.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="10.4" cy="86.7" r="1.7" fill="#fff" style="isolation: isolate"/>
        <circle cx="11.3" cy="98.2" r="0.5" transform="translate(-8 3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="10.5" cy="87.1" r="0.3" transform="translate(-6.9 2.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="206.7" cy="70.7" r="0.7" fill="#fff" style="isolation: isolate"/>
        <circle cx="146.9" cy="146.3" r="1.7" fill="#fff" style="isolation: isolate"/>
        <circle cx="261.3" cy="68.4" r="0.9" transform="translate(-3.6 28.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="250.2" cy="41.5" r="0.6" transform="translate(-0.9 27.3) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="248.9" cy="49.2" r="0.3" transform="translate(-1.7 27.2) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="243.4" cy="29.3" r="0.4" transform="translate(0.3 26.5) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="262.4" cy="12.6" r="0.4" transform="translate(2.1 28.4) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="246.9" cy="14.3" r="0.9" transform="translate(1.8 26.8) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="234.2" cy="92.4" r="0.9" transform="translate(-6.3 25.9) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="223.2" cy="85.6" r="0.6" transform="translate(-5.6 24.7) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="221.8" cy="93.2" r="0.3" transform="translate(-6.4 24.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="216.3" cy="73.3" r="0.4" transform="translate(-4.4 24) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="235.3" cy="56.7" r="0.4" transform="translate(-2.6 25.8) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="219.9" cy="58.3" r="0.9" transform="translate(-2.8 24.2) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="291.3" cy="89.4" r="0.9" transform="translate(-5.6 31.7) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="280.1" cy="82.6" r="0.6" transform="translate(-5 30.6) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="278.8" cy="90.2" r="0.3" transform="translate(-5.8 30.5) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="273.3" cy="70.3" r="0.4" transform="translate(-3.8 29.8) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="292.3" cy="53.7" r="0.4" transform="translate(-2 31.7) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
        <circle cx="276.9" cy="55.3" r="0.9" transform="translate(-2.2 30.1) rotate(-5.9)" fill="#fff" style="isolation: isolate"/>
      </g>
    </g>
  </g>
  <g id="houses">
    <g>
      <polygon points="228.8 162.8 234 160 241.3 165 240.1 178.3 228.4 178.3 228.8 162.8" fill="#191919"/>
      <polyline points="228.8 162.8 226.9 165.4 226.9 179 228.5 179 228.8 162.8 228.8 162.8 228.8 162.8" fill="#141414"/>
      <polygon points="236.1 167.3 236.2 169.8 237.4 169.8 237.4 167.2 236.1 167.3" fill="#141414"/>
      <polygon points="236.3 167.8 236.2 169.8 237.4 169.8 237.3 167.8 236.3 167.8" fill="#484848"/>
    </g>
    <g>
      <polygon points="223.7 168.6 220.2 166.7 215.1 170.1 216 179.6 224 179.3 223.7 168.6" fill="#191919"/>
      <polyline points="223.7 168.6 225.1 170.4 225 179.2 223.9 179.2 223.7 168.6 223.7 168.6 223.7 168.6" fill="#141414"/>
      <polygon points="218.7 171.6 218.7 173.4 217.9 173.4 217.8 171.6 218.7 171.6" fill="#141414"/>
      <polygon points="218.6 172.1 218.7 173.4 217.9 173.4 217.9 172 218.6 172.1" fill="#484848"/>
    </g>
    <g>
      <polygon points="243.7 166 247 164.7 257.3 167.6 255.9 177.7 243.2 178.1 243.7 166" fill="#191919"/>
      <polyline points="243.7 166 241.5 167.9 241.4 178.4 243.3 178.3 243.7 166 243.7 166 243.7 166" fill="#141414"/>
      <polygon points="251.6 169.3 251.7 171.2 253 171.2 253 169.3 251.6 169.3" fill="#141414"/>
      <polygon points="251.8 169.7 251.7 171.2 253 171.2 252.9 169.7 251.8 169.7" fill="#484848"/>
    </g>
  </g>
  <g>
    <polygon points="298.7 194.5 300 192.9 315.9 191.8 315.6 198.5 314.5 202.2 313.7 202.3 313.4 198.8 309.5 199.6 306.3 199.3 306.1 201.6 305.7 202.5 304.1 198.2 302.1 195.8 300.8 195.6 299.7 196.4 298.7 194.5" fill="url(#linear-gradient-20)"/>
    <path d="M313.9,190.5l1.9,4.1-0.5,2.2s1.4,0.4.1,1.4-1-.5-0.5-1.6a1.6,1.6,0,0,0,.3-1.6,13.9,13.9,0,0,0-1.5-3.5Z" transform="translate(2 1.3)" fill="url(#linear-gradient-21)"/>
  </g>
  </g>
</svg>
svg {
  width: 100vw;
  height: 100vh;
}
const houses = document.getElementById('houses'),
  s = houses.getBBox();

//check the console for the SVGRect object
console.log(s);

//we store the values from the object as our new viewBox string
var newView = `${s.x} ${s.y} ${s.width} ${s.height}`;

//we then set the new viewBox string as the viewBox attribute on the SVG
const foo = document.getElementById('foo');
foo.setAttribute('viewBox', newView);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.