<div class="section" style="padding:128px 0">
  <div class="wojo-grid">
    <div class="row big gutters align middle">
      <div class="columns mobile-100 phone-100">
        <h2 class="wojo primary text">CMS Pro in <span class="wojo semi text">frames</span>
        </h2>
        <p>Enhance your brand with easy-to-use powerful customization features.</p>
        <p>The time has come to bring those ideas and plans to life. This is where we really begin to visualize your napkin sketches and make them into beautiful pixels.</p>
        <a href="#" class="wojo small primary right button" data-type="button" data-weditable="true">Find out More <i class="icon chevron right"></i></a>
      </div>
      <div class="columns relative mobile-100 phone-100">
        <div class="row small gutters">
          <div class="columns screen-40 tablet-40 mobile-50 phone-50 align self bottom">
            <a href="[SITEURL]/uploads/images/content_img4.jpg" class="wojo rounded image lightbox" data-gallery="images" data-weditable="true">
            <img src="[SITEURL]/uploads/thumbs/content_img4.jpg">
            <span class="viewer"><i class="icon plus"></i></span>
            </a>
          </div>
          <div class="columns screen-60 tablet-60 mobile-50 phone-50">
            <a href="[SITEURL]/uploads/images/content_img3.jpg" class="wojo rounded image lightbox" data-gallery="images" data-weditable="true">
            <img src="[SITEURL]/uploads/thumbs/content_img3.jpg">
            <span class="viewer"><i class="icon plus"></i></span>
            </a>
          </div>
          <div class="columns screen-offset-10 tablet-offset-10 screen-40 tablet-40 mobile-50 phone-50">
            <a href="[SITEURL]/uploads/images/content_img2.jpg" class="wojo rounded image lightbox" data-gallery="images" data-weditable="true">
            <img src="[SITEURL]/uploads/thumbs/content_img2.jpg">
            <span class="viewer"><i class="icon plus"></i></span>
            </a>
          </div>
          <div class="columns screen-50 tablet-50 mobile-50 phone-50">
            <a href="[SITEURL]/uploads/images/content_img1.jpg" class="wojo rounded image lightbox" data-gallery="images" data-weditable="true">
            <img src="[SITEURL]/uploads/thumbs/content_img1.jpg">
            <span class="viewer"><i class="icon plus"></i></span>
            </a>
          </div>
        </div>
        <div style="z-index:-1;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);width: 100%" data-readonly="true">
          <figure class="wojo basic image">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1109.8 797.1">
              <path fill="#377dff" d="M105.1 267.1C35.5 331.5-3.5 423 .3 517.7 6.1 663 111 831.9 588.3 790.8c753-64.7 481.3-358.3 440.4-398.3-4-3.9-7.9-7.9-11.7-12L761.9 104.8C639.4-27.6 432.5-35.6 299.9 87L105.1 267.1z" opacity=".1"/>
            </svg>
          </figure>
        </div>
      </div>
    </div>
  </div>
</div>