finally made carousel responsive for mobile devices

package.json

@@ -12,8 +12,6 @@
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^13.5.0",
     "bootstrap": "^5.2.2",
-    "polished": "^4.2.2",
-    "pure-react-carousel": "^1.30.1",
     "react": "^18.2.0",
     "react-bootstrap": "^2.5.0",
     "react-dom": "^18.2.0",
@@ -48,4 +46,3 @@
     ]
   }
 }
-

src/components/Subscription.js

@@ -65,6 +65,7 @@ const TopDecor = styled.img`
     right: 18.5vw;
     @media (max-width: 480px) {
       margin-top: -110px; 
+      right: 1.5vw;
     }
 `
 

src/styles/review.css

@@ -57,4 +57,45 @@ span {
     position: relative;
     right: -90vw;
     top: -30vw;
-}
+}
+
+/* Media Queries For Mobile  Devices < 480px */
+@media (max-width: 480px) {
+    .cont-carousel {
+        /* padding: 32px; */
+        /* width: 100%; */
+    }
+    .title{
+        /* width: 100%; */
+    }
+    .carousel{
+        /* width: 100%; */
+    }
+
+    .backgorund{
+        width: 100%;
+    }
+    .carousel-caption {
+        right: 0;
+        left: 0;
+        padding: 0;
+
+    }
+    .content{
+        padding: 0 15px;
+        width: 100%;
+    }
+
+    .avatar{
+        /* width: 100%; */
+    }
+
+    span {
+        /* width: 100%; */
+    }
+
+    .DecorationR {
+        /* width: 100%; */
+    }
+
+    }