fix modal

superpage/src/components/Course/Plans.astro

@@ -9,14 +9,14 @@ import Form from "./Contact.jsx";
     x-effect="document.body.classList.toggle('overflow-hidden', open)"
 >
     <div style="display: none;" x-show="open">
-        <div
-            class="fixed inset-0 flex justify-center items-center p-2.5 z-40 overflow-y-auto"
-        >
+        <div class="fixed inset-0 z-40 overflow-y-auto">
             <div
                 x-on:click="open = false"
+                aria-hidden="true"
                 class="fixed inset-0 bg-gray-900/20 backdrop-blur backdrop-filter"
             >
             </div>
+            <div class="flex justify-center items-center p-2.5">
                 <div
                     class="lg:w-1/4 bg-black p-5 lg:p-12 rounded-2xl border border-white/15 space-y-5 drop-shadow"
                 >
@@ -27,6 +27,7 @@ import Form from "./Contact.jsx";
                 </div>
             </div>
         </div>
+    </div>
 
     <Container {...Astro.props}>
         <section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto">