Two-tier grid layout with centered logos

This component uses Tailwind CSS to create a two-tier grid layout for logos. The outer div centers the content with max-w-7xl and mx-auto. The inner div creates a grid with gap-x and gap-y spacing. Logos are contained with object-contain and max-h-12. Columns and rows are controlled with grid-cols, col-span, and col-start. The layout adjusts for mobile, tablet, and desktop with LG and SM breakpoints.