Teams 02

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
  <div class="max-w-screen-xl mx-auto md:grid md:grid-cols-2  lg:grid-cols-5  gap-x-8">

    <div class="col-span-1 lg:col-span-3 self-center max-w-2xl">
      <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">Meet our founders team</h2>
      <div class="text-xl text-gray-600">
        <p class="mt-6">
          The European languages are members of the same family. Their separate existence is a myth. For science, music,
          sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation
          and their most common words.
        </p>
        <p class="mt-6">Everyone realizes why a new common language would be desirable: one could refuse to pay
          expensive translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and more
          common words. If several languages coalesce, the grammar of the resulting language </p>
        <p class="mt-6">
          Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.
          To
        </p>
      </div>
    </div>
    <div class="md:col-span-1 lg:col-span-2 sm:grid sm:grid-cols-2 sm:items-center mt-8 md:mt-0">
      <div class="col-span-1">
        <!-- card -->
        <div class="p-8 flex flex-col items-center text-center space-y-6">
          <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="mx-auto rounded-xl">
          <div class="space-y-1">
            <span class="text-xl font-semibold text-gray-700 block">Alan Gregory</span>
            <span class="text-base font-semibold text-gray-500 block">CEO</span>
          </div>
        </div>
        <!--/ card -->
        <!-- card -->
        <div class="p-8 flex flex-col items-center text-center space-y-6">
          <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="mx-auto rounded-xl">
          <div class="space-y-1">
            <span class="text-xl font-semibold text-gray-700 block">Alan Gregory</span>
            <span class="text-base font-semibold text-gray-500 block">CEO</span>
          </div>
        </div>
        <!--/ card -->
      </div>
      <div class="col-span-1">
        <!-- card -->
        <div class="p-8 flex flex-col items-center text-center space-y-6">
          <img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="mx-auto rounded-xl">
          <div class="space-y-1">
            <span class="text-xl font-semibold text-gray-700 block">Alan Gregory</span>
            <span class="text-base font-semibold text-gray-500 block">CEO</span>
          </div>
        </div>
        <!--/ card -->
      </div>
    </div>
  </div>
</div>