fix : fit image team clac

components/public/structured-guide.tsx

@@ -551,8 +551,8 @@ function TeamSection({ guide }: { guide: PublicGuide }) {
                 <div className="grid grid-cols-2 gap-3 sm:grid-cols-4">
                   {team.members.map((member) => (
                     <div key={member.position} className="min-w-0 text-center">
-                      <div className="grid grid-cols-[minmax(0,1fr)_2.75rem] gap-2">
-                        <div className={cn("relative aspect-square overflow-hidden rounded-lg bg-muted", rarityGradientClass(isCustomTravelerKey(member.character.key) ? 5 : member.character.rarity))}>
+                      <div className="grid grid-cols-3 gap-2">
+                        <div className={cn("relative col-span-2 row-span-2 min-h-0 overflow-hidden rounded-lg bg-muted", rarityGradientClass(isCustomTravelerKey(member.character.key) ? 5 : member.character.rarity))}>
                           <Image
                             src={member.character.imageUrl}
                             alt={member.character.name}
@@ -560,7 +560,7 @@ function TeamSection({ guide }: { guide: PublicGuide }) {
                             className="object-contain"
                           />
                         </div>
-                        <div className="flex flex-col gap-2">
+                        <div className="col-span-1 row-span-2 flex min-w-0 flex-col gap-2">
                           {member.weapon ? (
                             <div
                               className={cn(