www_mycelium/templates/partials/about4.html

<div class="relative">
    <div class="mx-auto max-w-7xl">
      <div class="relative z-10 pt-14 lg:w-full lg:max-w-2xl">

        <div class="relative px-6 py-24 mb-12 lg:px-8 lg:pr-0">
          <div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl">
            <h1 class="text-3xl font-bold tracking-tight text-white lg:text-4xl">Our Team
            </h1>
            <p class="mt-6 text-lg leading-8 text-gray-50">Decades ago, our team came together with a strategic vision: to think about the trajectory of the Internet. We came to the conclusion that the existing Internet infrastructure was unsustainable, requiring the development of a new technological framework.</p>
            <p class="mt-6 text-lg leading-8 text-gray-50">Our mission was to design a new decentralized, open-source, inclusive and sustainable Internet for everyone. The technology is now ready and alive thanks to the relentless hard work of our team members and has already proven its efficiency.</p>
            <div class="mt-10 flex items-center gap-x-6">
              <a href="/people" class="rounded-md bg-indigo-400 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Our People</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
      <img class="aspect-[4/4] object-cover lg:aspect-auto lg:h-full lg:w-full" src="about/img/pioneers2.png" alt="">
    </div>
  </div>
</div>