fix: keep sponsor logo visible while scrolling modal content

Author: Link1515

src/components/SponsorCard.astro

@@ -49,7 +49,7 @@ const { t } = useI18n(Astro.url.pathname)
     description && (
       <div class="modal-content hidden">
         <div class="body">
-          <div class="mb-5 flex justify-center">
+          <div class="relative mb-5 flex justify-center">
             <div>
               <div class="mb-4 flex items-center gap-4">
                 <div class="aspect-square h-20 w-20 shrink-0 overflow-hidden rounded-lg bg-neutral-50 p-2 md:hidden">
@@ -59,7 +59,7 @@ const { t } = useI18n(Astro.url.pathname)
               </div>
               <Markdown content={description} />
             </div>
-            <div class="hidden aspect-square h-48 w-48 shrink-0 overflow-hidden rounded-lg bg-neutral-50 p-2 md:block">
+            <div class="sticky top-0 hidden aspect-square h-48 w-48 shrink-0 overflow-hidden rounded-lg bg-neutral-50 p-2 md:block">
               <img class="h-full w-full object-contain" src={`./img/partners/${img}`} alt={name} />
             </div>
           </div>