<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="text-md leading-normal mt-4 font-semibold uppercase text-accent-600 lg:text-balance text-center"
>
Trusted by industry leaders and our families because we pay them
</h2>
</div>
</div>
</section>
