logo clouds #01

<section>
  <div class="relative px-8 py-24 mx-auto md:px-12 lg:px-24 max-w-7xl">
    <div class="mx-auto">
      <div
        class="relative items-center max-w-lg mx-auto grid grid-cols-4 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="text-base mt-4 font-semibold text-center uppercase text-blue-600 lg:text-balance"
      >
        Trusted by industry leaders and our families because we pay them
      </h2>
    </div>
  </div>
</section>