<div class="section" style="padding:60px 0">
  <div class="wojo-grid">
    <div class="row gutters align middle">
      <div class="columns screen-50 tablet-50 mobile-100 phone-100">
        <figure>
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 614.8 747.7">
            <path class="wojo primary fill" opacity=".05" d="M428.5,138.9C489.6,144.5,545.6,176,581,226c54.3,76.8,67.1,204.7-193.8,371.7c-411.5,263.5-387.9,6-382.7-30.6
                      c0.5-3.6,0.9-7.2,1.3-10.7l22.1-241.9c10.6-116.2,113.5-201.8,229.8-191.1L428.5,138.9z"></path>
            <g>
              <defs>
                <path id="a" d="M446.2,729.7L446.2,729.7C310.4,782.7,156,714.9,103,579.1L18,361.2C-34.9,225.4,32.8,71,168.6,18l0,0
                          c135.8-53,290.2,14.8,343.2,150.6l85,217.9C649.8,522.3,582,676.7,446.2,729.7z"></path>
              </defs>
              <clipPath id="b">
                <use xlink:href="#a" style="overflow:visible;"></use>
              </clipPath>
              <g style="clip-path:url(#b);">
                <!-- Apply your (615px width to 750px height) image here -->
                <image style="overflow:visible;" width="100%" height="100%" xlink:href="[SITEURL]/uploads/builder/content_2.jpg" transform="matrix(1 0 0 1 -0.1366 -0.9532)"></image>
              </g>
            </g>
            <circle class="wojo negative fill" cx="488.6" cy="693.8" r="16.3"></circle>
            <circle class="wojo positive fill" cx="482" cy="632.6" r="10.6"></circle>
            <circle class="wojo primary fill" cx="537.8" cy="655.9" r="21.6"></circle>
            <circle class="wojo warning fill" cx="576" cy="708.1" r="3.9"></circle>
          </svg>
        </figure>
      </div>
      <div class="columns screen-50 tablet-50 mobile-100 phone-100">
        <div data-weditable="true">
          <div class="wojo very relaxed fluid list">
            <div class="item">
              <i class="icon large secondary laptop" data-type="icon"></i>
              <div class="content">
                <h4 class="wojo positive text">Advanced HTML/CSS editing</h4>
                <div class="description">With CMS Pro, you or your team can modify any aspect of your website or pages with HTML/CSS.</div>
              </div>
            </div>
            <div class="item">
              <i class="icon large secondary storage" data-type="icon"></i>
              <div class="content">
                <h4 class="wojo positive text">Fully optimized for Web & Mobile</h4>
                <div class="description">Your website is fully responsive so visitors can view your content from their choice of device.</div>
              </div>
            </div>
          </div>
          <div class="margin top">
            <a href="#" class="wojo rounded positive right button" data-type="button">Get started <i class="icon chevron right"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>