upd

src/components/complexPage/SequenceSlider.tsx

@@ -12,7 +12,7 @@ import useSequence from "../../store/useSequence";
 import SequenceHighlighting from "./SequenceHighlighting";
 
 const arrayLength = 360;
-const keyframes: number[] = [51, 178, 249, 339];
+const keyframes: number[] = [50, 177, 248, 338];
 
 interface SequenceSliderProps {
   path: string;
@@ -173,7 +173,7 @@ function SequenceSlider({ path }: SequenceSliderProps) {
           ))}
         </div>
         <SequenceHighlighting
-          keyframe={selectedImageRightIndex + 1}
+          keyframe={selectedImageRightIndex + 2}
           onClick={handleOnSequenceClick}
         />
       </div>
@@ -217,7 +217,7 @@ function SequenceSlider({ path }: SequenceSliderProps) {
             className={`absolute top-0 left-0 w-full h-full flex items-center justify-center bg-neutral-950 z-50 transition-opacity duration-300 ${state}`}
           >
             <h2 className="text-2xl font-tenor text-white whitespace-nowrap">
-              Загрузка... {Math.round((100 / arrayLength) * loadedImages)} %
+              Loading... {Math.round((100 / arrayLength) * loadedImages)} %
             </h2>
           </div>
         )}