feat : fix anything you can think

components/public/structured-guide.tsx

@@ -18,6 +18,7 @@ import { SiteHeader } from "@/components/public/site-header";
 import { ElementIcon } from "@/components/public/element-icon";
 import { LiveRefresh } from "@/components/live-refresh";
 import { rarityGradientClass, rarityTextClass } from "@/lib/catalog/rarity";
+import { isCustomTravelerKey } from "@/lib/catalog/travelers";
 import type { PublicGuide } from "@/lib/guides/queries";
 import { normalizeTalentPriorities, talentRelationSymbol } from "@/lib/guides/talents";
 import { cn } from "@/lib/utils";
@@ -517,12 +518,12 @@ function TeamSection({ guide }: { guide: PublicGuide }) {
                   {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="relative aspect-square overflow-hidden rounded-lg bg-muted">
+                        <div className={cn("relative aspect-square overflow-hidden rounded-lg bg-muted", rarityGradientClass(isCustomTravelerKey(member.character.key) ? 5 : member.character.rarity))}>
                           <Image
                             src={member.character.imageUrl}
                             alt={member.character.name}
                             fill
-                            className="object-cover"
+                            className="object-contain"
                           />
                         </div>
                         <div className="flex flex-col gap-2">