From 4e27a63d837541c8b81488e5488a48eef278f0d9 Mon Sep 17 00:00:00 2001
From: Lanskikh <lanskikh-mikhail@mail.ru>
Date: Tue, 17 Jun 2025 08:38:37 +0500
Subject: [PATCH] upd  about marasi drive scroll slider fix

---
 src/components/AboutMarasiDrive.tsx           |  2 +-
 .../MarasiDriveNeighboursSlider.tsx           | 22 ++++++++-----------
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/components/AboutMarasiDrive.tsx b/src/components/AboutMarasiDrive.tsx
index a57b9b9..113f012 100644
--- a/src/components/AboutMarasiDrive.tsx
+++ b/src/components/AboutMarasiDrive.tsx
@@ -163,7 +163,7 @@ function AboutMarasiDrive() {
             alt=""
           />
         </div>
-        <div className="h-[calc(27.639vw*10)]" ref={target}>
+        <div className="h-[calc(27.639vw*5)]" ref={target}>
           <div className="flex flex-col 2xl:gap-[4.444vw] sticky top-[5vw]">
             <div className="flex flex-col items-center 2xl:gap-[2.222vw]">
               <h2 className="font-mixcase-unmixed text-h1 text-center whitespace-pre-line">
diff --git a/src/components/MarasiDriveNeighboursSlider.tsx b/src/components/MarasiDriveNeighboursSlider.tsx
index 2b49824..6a4942f 100644
--- a/src/components/MarasiDriveNeighboursSlider.tsx
+++ b/src/components/MarasiDriveNeighboursSlider.tsx
@@ -11,34 +11,30 @@ function MarariDriveNeighboursSlider({
 }: {
   scrollYProgress: MotionValue<number>;
 }) {
-  const x = useTransform(
-    scrollYProgress,
-    [0, 1 / 3, 2 / 3],
-    ["4.236vw", "-20.868vw", "-45.972vw"]
-  );
+  const x = useTransform(scrollYProgress, [0, 1 / 3], ["4.236vw", "-20.868vw"]);
 
   const width1 = useTransform(
     scrollYProgress,
-    [0, 1 / 3, 2 / 3],
-    ["20.139vw", "20.139vw", "20.139vw"]
+    [0, 1 / 3],
+    ["20.139vw", "20.139vw"]
   );
 
   const width2 = useTransform(
     scrollYProgress,
-    [0, 1 / 3, 2 / 3],
-    ["36.944vw", "20.139vw", "20.139vw"]
+    [0, 1 / 3],
+    ["36.944vw", "20.139vw"]
   );
 
   const width3 = useTransform(
     scrollYProgress,
-    [0, 1 / 3, 2 / 3],
-    ["20.139vw", "36.944vw", "20.139vw"]
+    [0, 1 / 3],
+    ["20.139vw", "36.944vw"]
   );
 
   const width4 = useTransform(
     scrollYProgress,
-    [0, 1 / 3, 2 / 3],
-    ["20.139vw", "20.139vw", "36.944vw"]
+    [0, 1 / 3],
+    ["20.139vw", "20.139vw"]
   );
 
   return (