1
<section>
  <div class="px-8 py-24 mx-auto md:px-12 lg:px-24 max-w-7xl relative">
    <div class="mx-auto">
      <div
        class="mx-auto relative grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5"
      >
        <img
          class="col-span-2 lg:col-span-1 max-h-12 w-full object-contain relative"
          src="/brands/1.svg"
          alt="#_"
          width="158"
          height="48"
        /><img
          class="col-span-2 lg:col-span-1 max-h-12 w-full object-contain relative"
          src="/brands/2.svg"
          alt="#_"
          width="158"
          height="48"
        /><img
          class="col-span-2 lg:col-span-1 max-h-12 w-full object-contain relative"
          src="/brands/9.svg"
          alt="#_"
          width="158"
          height="48"
        /><img
          class="col-span-2 sm:col-start-2 lg:col-span-1 max-h-12 w-full object-contain relative"
          src="/brands/4.svg"
          alt="#_"
          width="158"
          height="48"
        /><img
          class="col-span-2 col-start-2 sm:col-start-auto lg:col-span-1 max-h-12 w-full object-contain relative"
          src="/brands/5.svg"
          alt="#_"
          width="158"
          height="48"
        />
      </div>
      <h2
        class="font-mono uppercase mt-10 tracking-tighter text-sm font-medium text-gray-900 text-center"
      >
        Trusted by industry leaders and our families because we pay them
      </h2>
    </div>
  </div>
</section>
logo clouds
