maps

components/pageParts/partners.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import Title from "../tools/title";
+import Title from "../title";
 
 import React from "react";
 // Import Swiper React components
@@ -37,12 +37,17 @@ export default function Partners() {
       <div className="my-10">
         <Swiper
           autoplay={{
-            reverseDirection:true,
+            reverseDirection: true,
             delay: 2500,
             disableOnInteraction: false,
           }}
           modules={[Autoplay]}
           slidesPerView={4}
+          breakpoints={{
+            320: { slidesPerView: 1 },
+            640: { slidesPerView: 2 },
+            1024: { slidesPerView: 4 },
+          }}
           className="mySwiper flex items-center justify-center"
         >
           {images.map((item, index) => (