logo clouds

              <div class="max-w-7xl mx-auto">
  <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>