Carousel-Common

src/components/common/Banner/Banner.tsx

@@ -12,6 +12,7 @@ const RESPONSIVE:ResponsiveType = {
     desktop: {
       breakpoint: { max: 9999, min: 0 },
       items: 1,
+      slidesToSlide:1
     },
 };
 

src/components/common/CarouselCommon/CarouselCommon.module.scss

@@ -1,6 +1,7 @@
 @import '../../../styles/utilities';
 .navigationWrapper {
   @apply relative;
+  overflow: hidden;
   min-height: theme('caroucel.arrow-height');
   .isPadding {
     // @apply spacing-horizontal;

src/components/modules/home/HomeBanner/HomeBanner.module.scss

@@ -9,7 +9,7 @@
   }
   @screen xl {
     @apply grid;
-    grid-template-columns: 1fr 1.8fr;
+    grid-template-columns: 35.75% 64.25%;
     .left {
       @apply relative flex items-end justify-center shape-common-lg;
       margin-right: 1.6rem;