fix slider

src/components/Footer.astro

@@ -15,23 +15,13 @@ const t = useTranslations(lang)
 ---
 
 <footer id="contacts" class="flex flex-col items-center gap-4 text-center md:gap-6">
-  <div class="flex h-[400px] w-full items-center justify-center bg-bg-light">
-    <script
-      transition:persist
-      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-6 border-brand border-t-transparent"
-    >
-    </div>
-  </div>
+  <iframe
+    transition:persist
+    src=`https://yandex.ru/map-widget/v1/?um=constructor%3A069b17526dc83cbf87c488f13ae089eb3af0f8f74af57e1be82e183434693562&source=constructor&scroll=false&lang=${lang}`
+    width="100%"
+    height="400"
+    onload="document.getElementById('ymap-loader').style.display = 'none';"
+    frameborder="0"></iframe>
   <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">