Changed the braking in testimonials to marquee

Author: ihaagrawal

styles/contact.module.css

@@ -46,3 +46,4 @@
     margin-bottom: 30px;
   }
 }
+

styles/testimonial.module.css

@@ -1,36 +1,30 @@
-.testimonial__item {
-  padding: 0px 20px;
+.marquee {
+  overflow: hidden;
+  white-space: wrap; 
+  box-sizing: border-box;
+  width: 100%;
+  position: relative;
 }
 
-.testimonial__client {
+.marqueeContent {
   display: flex;
-  column-gap: 1rem;
-  margin-bottom: 30px;
+  align-items: center;
+  width: 200%;
+  animation: marquee 10s linear infinite;
 }
 
-.testimonial__client_Avatar {
-  width: 50px;
-  height: 50px;
-}
-.testimonial__client h6 {
-  font-weight: 400;
-}
-
-.testimonial__client h6:last-child {
-  color: var(--site-theme-color);
+.marqueeContent > div {
+  display: inline-block;
+  padding: 0 20px;
+  max-width: 300px;
+  box-sizing: border-box;
 }
 
-@media only screen and (max-width: 768px) {
-  .testimonial__img img {
-    width: 300px !important;
-    height: 300px !important;
+@keyframes marquee {
+  0% {
+    transform: translateX(100%); 
   }
-
-  .testimonial__img {
-    text-align: center;
-    margin-bottom: 30px;
+  100% {
+    transform: translateX(-100%); 
   }
 }
-
-
-