fix allies, speaker card and add sponsor

src/components/Speaker.tsx

@@ -18,7 +18,7 @@ const Speaker: React.FC<SpeakerProps> = ({speaker}) => {
     return (
         <article className="h-full w-full mx-1 flex flex-col justify-center items-center">
                 <img src={speaker.profilePicture} alt={speaker.fullName} className="h-60 w-60 rounded-3xl" loading="lazy"/>
-                <Card className="bg-white/10 border-0 shadow-none text-white flex flex-col justify-start gap-4 h-52 p-6 w-[400px]">
+                <Card className="bg-white/10 border-0 shadow-none text-white flex flex-col justify-start gap-4 h-52 p-6 w-full max-w-[400px]">
                     <p className="text-2xl font-bold">{`${speaker.firstName.split(" ")[0]} ${speaker.lastName.split(" ")[0]}`}</p>
                     <p className="my-2 text-xl break-words line-clamp-2 overflow-hidden flex-shrink-0 rounded">{speaker.tagLine}</p>
                     <div className="flex h-full justify-self-end items-end justify-start gap-6 md:gap-2 lg:gap-4 text-alternative-100">

src/components/communities/CommunitiesAllies.tsx

@@ -13,7 +13,7 @@ const CommunitiesAllies = () => {
               <Adorno className="hidden md:block"/>
           </h2>
           <span className="w-28 h-1 bg-gradient-to-r from-posadev-darkPink to-posadev-brightPink mx-auto my-8 rounded-full "/>
-          <div className="flex flex-col flex-wrap md:flex-row justify-center gap-10 w-full">
+          <div className="flex flex-col flex-wrap flex-grow md:flex-row justify-center gap-10 w-full">
               {
                   communitiesAllies.map((community) => (
                       <CommunityAlly key={community.name} community={community} />

src/components/communities/CommunityAlly.tsx

@@ -9,7 +9,7 @@ interface CommunityAllyProps {
 
 const CommunityAlly: React.FC<CommunityAllyProps> = ({community}) => {
   return (
-      <article className="h-60 md:w-1/4 flex flex-col justify-center items-center gap-4">
+      <article className="h-60 lg:w-1/4 flex flex-col justify-center items-center gap-4">
     <div className="border-0 bg-transparent shadow-none h-52 w-[300px]">
               <a href={community.link} target="_blank">
                   <img

src/data/sponsors.ts

@@ -3,6 +3,7 @@ import zillow from "@/img/sponsors/zillow.png"
 import howdy from "@/img/sponsors/howdy.png"
 import koch from "@/img/sponsors/Koch.png"
 import akamai from "@/img/sponsors/akamai.png"
+import sps from "@/img/sponsors/sps.png"
 
 export const sponsors: Array<ISponsor> = [
     {
@@ -32,5 +33,12 @@ export const sponsors: Array<ISponsor> = [
         image: akamai,
         isPaid: true,
         type: "gold"
+    },
+    {
+        id: "sponsor-5",
+        name: "SPS",
+        image: sps,
+        isPaid: true,
+        type: "bronze"
     }
 ]