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

src/components/Footer.astro

@@ -15,14 +15,22 @@ const t = useTranslations(lang)
 ---
 
 <footer id="contacts" class="flex flex-col items-center gap-4 text-center md:gap-6">
-  <script
-    script-src:unsafe-inline
-    is:inline
-    type="text/javascript"
-    charset="utf-8"
-    async
-    src=`https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A069b17526dc83cbf87c488f13ae089eb3af0f8f74af57e1be82e183434693562&width=100%25&height=400&lang=${lang}&scroll=false`
-  ></script>
+  <div class="flex h-[400px] w-full items-center justify-center bg-bg-light">
+    <script
+      script-src:unsafe-inline
+      is:inline
+      type="text/javascript"
+      charset="utf-8"
+      async
+      onload="document.getElementById('ymap-loader').style.display = 'none';"
+      src=`https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A069b17526dc83cbf87c488f13ae089eb3af0f8f74af57e1be82e183434693562&width=100%25&height=400&lang=${lang}&scroll=false`
+    ></script>
+    <div
+      id="ymap-loader"
+      class="h-16 w-16 animate-spin rounded-full border-8 border-brand border-t-transparent"
+    >
+    </div>
+  </div>
   <div class="flex flex-col items-center gap-3 px-4 py-6 text-center md:gap-4 md:px-6 md:py-8">
     <Image src={logoSrc} alt="logo" class="h-32 w-auto md:h-48" />
     <p class="text-light text-sm">