<div class="section relative" style="background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);background-repeat: repeat-x;padding:100px 0">
  <div class="wojo-grid">
    <div class="row gutters align middle">
      <div class="columns screen-40 tablet-50 mobile-100 phone-100">
        <div data-weditable="true">
          <h1 class="wojo primary semi huge white text"><span class="wojo warning text">Improve</span>
            &amp; boost your services</h1>
          <p class="wojo dimmed white text">We provide all kinds of services and will help your audience grow through all platforms..</p>
        </div>
      </div>
      <div class="columns screen-60 tablet-50 mobile-100 phone-100">
        <figure class="wojo basic big image" data-weditable="true"><img data-weditable="true" src="[SITEURL]/uploads/builder/teamwork-concept-illustration.svg" alt="teamwork concept"></figure>
      </div>
    </div>
  </div>
  <figure class="absolute" style="bottom:0">
    <svg xmlns="http://www.w3.org/2000/svg" style="margin-bottom:-4px" viewBox="0 0 1920 140">
      <path d="M960 92.9c-148.6.4-297.2-3.5-444.7-13.9-138.6-9.8-277.1-26.2-409-53.3C97.8 24 0 6.5 0 0v140l960-1.2 960 1.2V0c0 2.7-42.1 11.3-45.8 12.2-45.1 11-91.5 20.1-138.4 28.1-176.2 30.1-359.9 43.8-542.9 48.9-77.5 2.2-155.2 3.5-232.9 3.7z" class="wojo white fill"/>
    </svg>
  </figure>
</div>