changed marquee imeages and fixed crop issues

Author: Barathj121

src/app/eventide/components/landing.jsx

@@ -25,7 +25,7 @@ function Parallax() {
           trigger: container.current,
           start: "top top",
           //end: `+=${container.current.offsetHeight}`,
-          end:"3000 bottom",
+          end:"2500 bottom",
           scrub: true,
           pin: true,
           onUpdate: (self) => {
@@ -57,7 +57,7 @@ function Parallax() {
             <div ref={container} className="relative h-screen w-screen flex flex-col justify-center items-center">
                 <div ref={eventide}  className="  z-50 flex justify-center items-center lg:w-[61vh] lg:h-[11vh] md:w-[45vh] md:h-[8vh] sm:w-[22vh] sm:h-[4vh] ">
 
-                    <Image src="/images/eventide_1.png" layout="fill" objectFit="cover"/>
+                    <Image src="/images/eventide_1.png" layout="fill" objectFit="contain"/>
 
 
                 </div>

src/app/eventide/components/marque.jsx

@@ -3,6 +3,9 @@ import Marquee from "react-easy-marquee";
 
 const VerticalMarquee = () => {
   const images = ["https://i.imgur.com/KRYEfhy.jpeg", "https://i.imgur.com/rwsT2QC.jpeg","https://i.imgur.com/z8h1axf.jpeg","https://i.imgur.com/Unr2Afr.jpg","https://i.imgur.com/R24hRLE.jpg"];
+  const images2 = ["https://i.imgur.com/EgFe4uu.jpg", "https://i.imgur.com/2QiCSEN.jpg","https://i.imgur.com/guRqXgq.jpg","https://i.imgur.com/g9mwsJ7.jpg","https://i.imgur.com/F0swEuN.jpg"];
+  const images3 = ["https://i.imgur.com/pKAwO3F.jpg", "https://i.imgur.com/f5A7wzQ.jpg","https://i.imgur.com/p77o9dC.jpg","https://i.imgur.com/1IFTVi2.jpg","https://i.imgur.com/9kw4ab9.jpg"];
+  
   return (
     <div className="bg-black flex flex-col sm:flex-row sm:space-x-4 items-center justify-center p-4">
       <div className="w-full md:w-1/3 lg:w-1/4">
@@ -32,7 +35,7 @@ const VerticalMarquee = () => {
           axis='y'
         >
           <div className="flex flex-col space-y-4">
-            {images.map((image, index) => (
+            {images2.map((image, index) => (
               <img key={index} src={image} alt="picsum" className=" opacity-50 w-full h-auto" />
             ))}
           </div>
@@ -48,7 +51,7 @@ const VerticalMarquee = () => {
           axis='y'
         >
           <div className="flex flex-col space-y-4">
-            {images.map((image, index) => (
+            {images3.map((image, index) => (
               <img key={index} src={image} alt="picsum" className="w-full opacity-50 h-auto" />
             ))}
           </div>