responsive : probleme de fond e couleur pour les reviews + taille doit etre la meme

components/Home/Reviews.client.vue

@@ -124,8 +124,8 @@
     </div>
 
     <!-- Petits écrans -->
-    <div v-else class="container-sm">
-      <v-row>
+    <div v-else class="container-sm" style="background-color: #0e2d32;">
+      <v-row >
         <v-col cols="12">
           <Carousel ref="reviewCarousel" :items-to-show="1" :wrap-around="true">
             <Slide v-for="(card, index) in cards" :key="index">
@@ -268,7 +268,7 @@ const items: Ref<Array<{ src: string; alt: string }>> = ref([
 ])
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .main-container {
   background-color: var(--neutral-color-alt-light);
 }
@@ -285,11 +285,15 @@ const items: Ref<Array<{ src: string; alt: string }>> = ref([
     color: var(--primary-color);
   }
 
-  @media (max-width: 600px) {
-    margin-bottom: 24px;
+  @media (max-width: 900px) {
+    padding-bottom: 24px;
   }
 }
 
+.v-card{
+  height: 100%;
+}
+
 .container-2 {
   background-color: var(--primary-color);