diff --git a/src/components/Carousel.tsx b/src/components/Carousel.tsx
index ce97547..5bc5722 100644
--- a/src/components/Carousel.tsx
+++ b/src/components/Carousel.tsx
@@ -45,11 +45,36 @@ const Carousel = () => {
   return (
     <div className="content-carousel">
       <Swiper
-        modules={[Autoplay, Pagination]} // Carga los módulos aquí
-        spaceBetween={30}
-        slidesPerView={1}
+        modules={[Autoplay, Pagination]} 
         autoplay={{ delay: 5000, disableOnInteraction: false }}
         pagination={{ clickable: true }}
+
+        breakpoints={{
+          480: {
+            slidesPerView: 1.1,
+            spaceBetween: 5,
+          },
+          768: {
+            slidesPerView: 1.15,
+            spaceBetween: 10,
+          },
+          1024: {
+            slidesPerView: 1.3,
+            spaceBetween: 15, 
+          },
+          1440: { 
+            slidesPerView: 1.5,
+            spaceBetween: 20, 
+          },
+          1920: { 
+            slidesPerView: 1.8,
+            spaceBetween: 20,
+          },
+          2560: { 
+            slidesPerView: 2,
+            spaceBetween: 40,
+          }
+        }}
       >
         {items.map((item, i) => (
           <SwiperSlide key={i}>
diff --git a/src/styles/_content.scss b/src/styles/_content.scss
index b888a18..a1c189c 100644
--- a/src/styles/_content.scss
+++ b/src/styles/_content.scss
@@ -13,6 +13,7 @@
   }
 }
 .content-form {
+  margin-right: 20px;
   .title-form {
     color: $white1;
     font-size: 18px;
@@ -44,7 +45,6 @@
   .faucet-form {
     position: relative;
     z-index: 0;
-    margin-right: 200px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -107,7 +107,11 @@
 
 .content-carousel {
   position: relative;
-  width: 450px;
+  width: 100%;
+  max-width: 600px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   .rsk-card {
     background-color: $bg1-color;
     width: 400px;
diff --git a/src/styles/_responsive.scss b/src/styles/_responsive.scss
index 70cf9fe..7d79f9c 100644
--- a/src/styles/_responsive.scss
+++ b/src/styles/_responsive.scss
@@ -9,12 +9,10 @@
     }
   }
   .content-form {
+    margin-right: 20px;
     .title-form {
       font-size: 14px;
     }
-    .faucet-form {
-      margin-right: 180px;
-    }
   }
   .content-carousel {
     width: 410px;
@@ -40,9 +38,7 @@
 
 @include laptop {
   .content-form {
-    .faucet-form {
-      margin-right: 90px;
-    }
+    margin-right: 20px;
   }
   .content-carousel {
     width: 450px;
@@ -58,16 +54,35 @@
     font-size: 35px;
   }
   .content-form {
-    margin: 0 auto;
+    width: 100%;
+    max-width: 400px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-right: 0px;
   }
   .container-faucet {
-    margin-top: 50px;
+    display: flex;
     flex-direction: column;
+    align-items: center;
     justify-content: center;
-    align-content: center;
-    .faucet-form {
-      margin-right: unset;
-    }
+    width: 100%;
+    max-width: 400px; 
+    margin: 40px auto;
+    gap: 20px;
+  }
+  .content-carousel {
+    width: 100%;
+    margin-left: 0px;
+    max-width: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .swiper {
+    width: 100% !important;
+    max-width: 400px !important;
   }
   .container {
     .content-message {
@@ -75,15 +90,6 @@
       width: 70%;
     }
   }
-  .content-carousel {
-    margin-top: 170px;
-    margin-bottom: 150px;
-    width: 100%;
-    .rsk-card {
-      width: 340px;
-      height: 210px;
-    }
-  }
   footer {
     flex-direction: column;
     .links {
@@ -111,12 +117,27 @@
     }
   }
   .content-form {
-    width: 400px;
-    margin: 0 auto;
-    padding: 10px;
+    width: 100%;
+    max-width: 400px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-right: 0px;
+  }
+  .rsk-card {
+    width: 280px;
+    height: 160px;
   }
   .container-faucet {
-    margin-top: 40px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    max-width: 350px; 
+    margin: 30px auto;
+    gap: 15px;
   }
   .container {
     .content-message {
@@ -125,6 +146,15 @@
     }
   }
   .content-carousel {
-    display: none;
+    width: 100%;
+    max-width: 450px;
+    margin-left: 0px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .swiper {
+    width: 100% !important;
+    max-width: 450px !important;
   }
 }