diff --git a/components/sliderColumn/BannerItems.tsx b/components/sliderColumn/BannerItems.tsx
index 21044ff..3554811 100644
--- a/components/sliderColumn/BannerItems.tsx
+++ b/components/sliderColumn/BannerItems.tsx
@@ -48,15 +48,8 @@ export function BannerItem(
   } = image;
 
   return (
-    <div class="flex flex-col-reverse lg:flex-row lg:px-16 justify-end w-full">
-      <div class="flex flex-col w-full max-w-[583px]">
-        {title && (
-          <div
-            class=" hidden lg:block text-20 lg:text-[40px] text-[#fff]  font-black not-italic font-archimoto-black mb-6 mt-7  lg:mt-[70px] "
-            dangerouslySetInnerHTML={{ __html: title }}
-          >
-          </div>
-        )}
+    <div class="flex flex-col-reverse lg:flex-row lg:px-16 justify-end w-full items-center">
+      <div class="flex flex-col w-full max-w-[583px]  h-auto lg:h-[200px]">
         {subTitle && (
           <div
             class=" text-14 lg:text-24  font-archimoto-black font-black  text-[#F3F4F7] !leading-[120%] mt-6 "
@@ -73,7 +66,7 @@ export function BannerItem(
         )}
       </div>
 
-      <div class="w-full overflow-y-hidden rounded-[20px] max-w-[623px]">
+      <div class="w-full overflow-y-hidden rounded-[20px] max-w-[623px] h-[289px] md:h-auto">
         <a
           id={id}
           href={action?.href ?? "#"}
@@ -86,7 +79,7 @@ export function BannerItem(
               fetchPriority={lcp ? "high" : "auto"}
               src={mobile}
               width={390}
-              height={590}
+              height={289}
             />
             <Source
               media="(min-width: 768px)"
diff --git a/components/sliderColumn/SliderColumn.tsx b/components/sliderColumn/SliderColumn.tsx
index ab87980..76a1007 100644
--- a/components/sliderColumn/SliderColumn.tsx
+++ b/components/sliderColumn/SliderColumn.tsx
@@ -79,12 +79,12 @@ export default function SliderColumn(
     { ...DEFAULT_PROPS, ...props };
   return (
     <div
-      class="w-full flex  flex-col lg:flex-row relative max-w-[1300px] m-auto justify-between  px-5 md:px-0 lg:py-0 z-10"
+      class="w-full flex  flex-col  relative max-w-[1300px] m-auto justify-between  px-5 md:px-0 lg:py-0 z-10"
       style={{ marginTop: `${marginTop}`, marginBottom: `${marginBottom}` }}
     >
       {title && (
         <div
-          class=" block lg:hidden text-20 lg:text-[40px] text-[#fff]  font-black not-italic font-archimoto-black mb-5"
+          class=" block lg:text-center text-20 lg:text-[40px] text-[#fff]  font-black not-italic font-archimoto-black mb-5 lg:mb-10"
           dangerouslySetInnerHTML={{ __html: title }}
         >
         </div>
@@ -93,7 +93,7 @@ export default function SliderColumn(
       <div
         id={id}
         class="lg:grid grid-cols-[48px_1fr_48px] sm:grid-cols-[120px_1fr_120px] grid-rows-[1fr_48px_1fr_64px]
-          h-[521px] lg:h-auto lg:min-h-[660px] w-full flex items-center justify-end flex-col-reverse"
+          h-[521px] lg:h-auto  w-full flex items-center justify-end flex-col-reverse"
       >
         <Slider class="carousel carousel-center col-span-full row-span-full gap-6 w-full rounded-[20px]">
           {images?.map((image, index) => {