CTA 15

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 md:items-center">
    <div class="col-span-2 md:col-span-1 order-2 lg:order-1">
      <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">We take care of everything</h2>
      <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 lg:gap-8 mt-6">
        <div>
          <h3 class="text-xl font-semibold text-gray-700 block">Took out the window at the</h3>
          <p class="mt-3 text-lg text-gray-600">Doing business like this takes much more effort than doing your own business at home, and on top of</p>
          <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Read more</a>
        </div>
        <div>
          <h3 class="text-xl font-semibold text-gray-700 block">How about if I sleep a little bit</h3>
          <p class="mt-3 text-lg text-gray-600">Doing business like this takes much more effort than doing your own business at home, and on top of</p>
          <a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Read more</a>
        </div>
      </div>
    </div>
    <div class="col-span-2 md:col-span-1 flex flex-row space-x-2 order-1 lg:order-2">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal.svg"alt="">
    </div>
  </div>
</div>