<div class="section" style="padding:64px 0">
  <div class="wojo-grid">
    <div class="row gutters align center">
      <div class="columns screen-40 tablet-40 mobile-100 phone-100 align self middle">
        <h2>Build a <span class="wojo primary text">beautiful</span>, performant site with CMS Pro.</h2>
        <p>Speed up your workflow with tons of pre-made content blocks. Assembling your site is easier than ever before.</p>
      </div>
      <div class="columns tablet-40 mobile-100 phone-100">
        <div class="wojo attached card" data-weditable="true">
          <img src="[SITEURL]/uploads/builder/portfolio-1.jpg" class="wojo rounded image" alt="chair">
        </div>
      </div>
      <div class="columns screen-25 tablet-20 mobile-100 phone-100 flex align middle">
        <div class="row grid screen-1 tablet-1 mobile-1 phone-1">
          <div class="columns small bottom margin align self middle">
            <div class="wojo attached card" data-weditable="true">
              <img src="[SITEURL]/uploads/builder/portfolio-2.jpg" class="wojo rounded image" alt="portfolio">
            </div>
          </div>
          <div class="columns small top margin align self middle">
            <div class="wojo attached card" data-weditable="true">
              <img src="[SITEURL]/uploads/builder/portfolio-3.jpg" class="wojo rounded image" alt="portfolio">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>