fix: sponsor logo spacing (#302)

apps/site/src/app/(main)/(home)/sections/Sponsors/components/SponsorTier/SponsorTier.tsx

@@ -1,6 +1,6 @@
-import { z } from "zod";
-import imageUrlBuilder from "@sanity/image-url";
 import { client } from "@/lib/sanity/client";
+import imageUrlBuilder from "@sanity/image-url";
+import { z } from "zod";
 import { Sponsor } from "../../getSponsors";
 
 const builder = imageUrlBuilder(client);
@@ -12,14 +12,14 @@ interface SponsorTierProps {
 
 export default function SponsorTier({ className, sponsors }: SponsorTierProps) {
 	return (
-		<div className="xl:flex m-16 xl:gap-10 items-center">
+		<div className="flex flex-row flex-wrap my-20 gap-16 items-center justify-center">
 			{sponsors?.map(({ _key, name, url, logo }) => (
 				<a key={_key} href={url} target="_blank" rel="noopener noreferrer">
 					{/* eslint-disable-next-line @next/next/no-img-element*/}
 					<img
 						src={builder.image(logo).format("webp").url()}
 						alt={name + " logo"}
-						className={"max-w-full max-h-full m-auto my-5 " + className}
+						className={"max-w-full max-h-full m-auto my-2 " + className}
 					/>
 				</a>
 			))}