Implement code changes to enhance functionality and improve performance

src/components/CarouselContainer/CarouselContainer.jsx

 import mainImage4 from "../../assets/images/MAINHEADER-04.webp";
 import mainImage5 from "../../assets/images/MAINHEADER-05.webp";
 import mainImage6 from "../../assets/images/MAINHEADER-06.webp";
+import mainImage7 from "../../assets/images/MAINHEADER-07.webp";
 import mainImageMobile from "../../assets/images/mainwallpaper-mobile.jpg";
 import { Carousel } from 'react-responsive-carousel';
 
 const CarouselContainer = () => {
 
   const items = [
+    { img_src: mainImage7, alt_name: "Image 7" },
     { img_src: mainImage6, alt_name: "Image 6" },
     { img_src: mainImage5, alt_name: "Image 5" },
     { img_src: mainImage3, alt_name: "Image 3" },
     { img_src: mainImage4, alt_name: "Image 4" },
     { img_src: mainImage2, alt_name: "Image 2" },
     { img_src: mainImage1, alt_name: "Image 1" },
-
+    { img_src: mainImage7, alt_name: "Image 7" },
     { img_src: mainImage6, alt_name: "Image 6" },
     { img_src: mainImage5, alt_name: "Image 5" },
     { img_src: mainImage3, alt_name: "Image 3" },