опять фиксим слайдеры + верстку

src/pages/coaches/[...slug].astro

@@ -8,7 +8,7 @@ import Header from '@/components/header/Header.astro'
 import './styles.css'
 import { SocialMediaIcon } from '@/components/SocialMediaIcon'
 import { useTranslations } from '@/i18n/utils'
-import { slide, ViewTransitions } from 'astro:transitions'
+import { slide } from 'astro:transitions'
 
 export const getStaticPaths = async () => {
   const coaches = await getCollection('coaches')
@@ -39,11 +39,10 @@ const [thumbs, optimizedGallery] = galleryWithCover
       <Section className="mt-[var(--header-height)] md:mt-0">
         <div class="grid w-full grid-cols-1 place-items-start gap-8 lg:grid-cols-2">
           <MediaSwiperWithThumbs
-            client:load
+            client:only="react"
             images={optimizedGallery}
             thumbs={thumbs}
-            className="sm:max-w-[400px] lg:max-w-none"
-            imageClassName="aspect-3/4 w-[400px] lg:w-auto object-top mx-auto h-auto"
+            imageClassName="aspect-3/4 max-w-[50vh] lg:w-auto object-top mx-auto lg:max-h-[70vh]"
           />
           <div class="flex flex-1 flex-col gap-8">
             <h1 class="font-bold lg:text-nowrap">{data.name}</h1>

src/pages/index.astro

@@ -60,7 +60,7 @@ const t = useTranslations(lang)
 
   {
     marquee && (
-      <section class="min-h-[105px] overflow-clip bg-brand">
+      <section class="h-[var(--marquee-height)] overflow-clip bg-brand">
         <Marquee texts={marquee} />
       </section>
     )
@@ -82,7 +82,7 @@ const t = useTranslations(lang)
         description={t('slider.subtitle')}
         className="bg-bg-light"
       >
-        <GymGallery client:visible images={optimizedSlider} />
+        <GymGallery client:only="react" images={optimizedSlider} />
       </Section>
     )
   }