front-page-ecosystem.php

<div class="ecosystem">
        <div class="ecosystem__half">
          <h2 class="heading__cities">Global networks.<br/>Local communities.<br/>Infinite possibilities.</h2>

          <svg version="1.1" id="ecosystem__blurb" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
            viewBox="0 0 398.4 380.1" style="enable-background:new 0 0 398.4 380.1;" xml:space="preserve">

          <g>
            <defs>
              <path id="SVGID_1_" d="M262.7,363.6c-54.8,28.1-150.1,18-201.1-20.3C10.5,304.6-12.5,223,6.8,163.9c19.4-59.4,82.8-33,162.5-111.4
                C219.9-3.2,313.8-13.2,348.9,18c35.1,30.9,51.2,139.9,30.2,207.8C358.1,293.7,317.2,335.1,262.7,363.6z"/>
            </defs>
            <clipPath id="SVGID_2_">
              <use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
            </clipPath>


            <g class="ecosystem__image eco__ima">
                <image style="overflow:visible;" width="660" height="420" id="imafloor" xlink:href="wp-content/themes/lowres/assets/imafloor.jpg"  transform="matrix(0.9042 0 0 0.9042 -75.2068 -0.1629)"></image>
            </g>

            <g class="ecosystem__image eco__shanghai">
              <image style="overflow:visible;" width="660" height="420" id="shanghaifloor" xlink:href="wp-content/themes/lowres/assets/shanghaifloor.jpg"  transform="matrix(0.9042 0 0 0.9042 -75.2068 -0.1629)"></image>
            </g>

            <g class="ecosystem__image eco__itp">
              <image style="overflow:visible;" width="660" height="420" id="itpfloor" xlink:href="wp-content/themes/lowres/assets/itpfloor.jpg"  transform="matrix(0.9042 0 0 0.9042 -75.2068 -0.1629)"></image>
            </g>

          </g>
          <g>
            <path class="ecosystem__dotted" d="M272,363.6c-54.8,28.1-150.1,18-201.1-20.3C19.9,304.6-3.2,223,16.2,163.9c19.4-59.4,82.8-33,162.5-111.4
              C229.2-3.2,323.2-13.2,358.3,18c35.1,30.9,51.2,139.9,30.2,207.8C367.5,293.7,326.6,335.1,272,363.6z"/>
          </g>
          </svg>

          <!-- <div class="ecosystem__circle"></div> -->
        </div>
        <div class="ecosystem__half">
          <ul class="ecosystem__list">

            <a href="https://tisch.nyu.edu/itp" class="ecosystem__ahref" target="_blank">
              <li class="ecosystem__item--active ecoselect__itp">
                ITP New York<br/>
                <span class="ecosystem__sub">2-Year Masters Degree</span>
              </li>
            </a>

            <a href="https://itp.nyu.edu/ima/" class="ecosystem__ahref" target="_blank">
              <li class="ecosystem__item--inactive ecoselect__ima">
                IMA New York<br/>
                <span class="ecosystem__sub">4-Year Bachelors Degree</span>
              </li>
            </a>


            <a href="https://ima.shanghai.nyu.edu/" class="ecosystem__ahref" target="_blank">
              <li class="ecosystem__item--inactive ecoselect__shanghai">
                IMA Shanghai<br/>
                <span class="ecosystem__sub">4-Year Bachelors Degree</span>
              </li>
            </a>
          </ul>
        </div>
      </div>