diff --git a/src/components/section/CarouselSection.astro b/src/components/section/CarouselSection.astro
index f1f8dd6..92edc99 100644
--- a/src/components/section/CarouselSection.astro
+++ b/src/components/section/CarouselSection.astro
@@ -27,7 +27,7 @@ const { images } = Astro.props;
       </div>
 
       <!-- If we need pagination -->
-      <div class="swiper-pagination"></div>
+      <div class="swiper-pagination z-50"></div>
 
       <!-- If we need navigation buttons -->
       <div class="swiper-button-prev">
@@ -42,8 +42,10 @@ const { images } = Astro.props;
 
 <script>
   import Swiper from "swiper";
+  import { Navigation, Pagination, Scrollbar } from 'swiper/modules';
   const swiper = new Swiper(".swiper", {
     // Optional parameters
+    modules: [Navigation, Pagination, Scrollbar],
     loop: true,
 
     // If we need pagination