Banner New images updated

components/sections/home2/Banner.js

@@ -36,7 +36,7 @@ export default function Banner() {
             <Swiper {...swiperOptions} className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
                 <SwiperSlide className="slide-item">
                     <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' }}></div>
-                    <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure>
+                    {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure> */}
                     <div className="auto-container">
                         <div className="content-box">
                             <span className="upper-text">The Journey to Better Health Begins here</span>
@@ -57,7 +57,7 @@ export default function Banner() {
                 {/* Repeat the above structure for each slide-item as needed */}
                 <SwiperSlide className="slide-item">
                     <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-2.webp' }}></div>
-                    <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure>
+                    {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure> */}
                     <div className="auto-container">
                         <div className="content-box">
                             <span className="upper-text">Compassionate Care, Delivered with Expertise</span>
@@ -75,7 +75,7 @@ export default function Banner() {
                 {/* Repeat the above structure for each slide-item as needed */}
                 <SwiperSlide className="slide-item">
                     <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-3.webp' }}></div>
-                    <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-3.webp" alt="" /></figure>
+                    {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-3.webp" alt="" /></figure> */}
                     <div className="auto-container">
                         <div className="content-box">
                             <span className="upper-text">Your Path to Wellness Starts Here</span>
@@ -92,7 +92,7 @@ export default function Banner() {
                 </SwiperSlide>
                 <SwiperSlide className="slide-item">
                     <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-4.webp' }}></div>
-                    <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure>
+                    {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure> */}
                     <div className="auto-container">
                         <div className="content-box">
                             <span className="upper-text">Healing Hands, Caring Hearts in Action</span>

public/assets/css/module-css/banner.css

@@ -132,7 +132,7 @@
 .banner-carousel .swiper-slide:before{
   position: absolute;
   content: '';
-  background: #f9d6d6;
+  /* background: #f9d6d6; */
   width: 100%;
   height: 100%;
   left: 0px;