more seeds

apps/website/components/leagues/LeagueCard.tsx

@@ -105,12 +105,12 @@ export default function LeagueCard({ league, onClick }: LeagueCardProps) {
       <div className="relative h-full rounded-xl bg-iron-gray border border-charcoal-outline overflow-hidden transition-all duration-200 hover:border-primary-blue/50 hover:shadow-[0_0_30px_rgba(25,140,255,0.15)] hover:bg-iron-gray/80">
         {/* Cover Image */}
         <div className="relative h-32 overflow-hidden">
-          <Image
+          <img
             src={coverUrl}
             alt={`${league.name} cover`}
-            fill
-            className="object-cover transition-transform duration-300 group-hover:scale-105"
-            sizes="(min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw"
+            className="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+            loading="lazy"
+            decoding="async"
           />
           {/* Gradient Overlay */}
           <div className="absolute inset-0 bg-gradient-to-t from-iron-gray via-iron-gray/60 to-transparent" />
@@ -141,12 +141,14 @@ export default function LeagueCard({ league, onClick }: LeagueCardProps) {
           {/* Logo */}
           <div className="absolute left-4 -bottom-6 z-10">
             <div className="w-12 h-12 rounded-lg overflow-hidden border-2 border-iron-gray bg-deep-graphite shadow-xl">
-              <Image
+              <img
                 src={logoUrl}
                 alt={`${league.name} logo`}
                 width={48}
                 height={48}
-                className="w-full h-full object-cover"
+                className="h-full w-full object-cover"
+                loading="lazy"
+                decoding="async"
               />
             </div>
           </div>

apps/website/components/leagues/LeagueHeader.tsx

@@ -37,12 +37,14 @@ export default function LeagueHeader({
       <div className="flex items-center justify-between mb-6">
         <div className="flex items-center gap-4">
           <div className="h-16 w-16 rounded-xl overflow-hidden border-2 border-charcoal-outline bg-iron-gray shadow-lg">
-            <Image
+            <img
               src={logoUrl}
               alt={`${leagueName} logo`}
               width={64}
               height={64}
-              className="w-full h-full object-cover"
+              className="h-full w-full object-cover"
+              loading="lazy"
+              decoding="async"
             />
           </div>
           <div>