Third parallax doesn't work as wish

[RandyLiu6410]

I have three parallax elements being initialized in a single parallax instance. First and second parallax elements move when the wrappers are into viewport and stop move when the wrappers are outside of the viewport. However, the third parallax element moves to maximum distance and stop moving when almost 1/3 of the wrapper is into the viewport.

version: 5.6.2

First parallax

CleanShot.2024-12-03.at.01.11.06.mp4

Second parallax

CleanShot.2024-12-03.at.01.12.08.mp4

Third parallax

CleanShot.2024-12-03.at.01.12.51.mp4

I use vanilla js:

  document.addEventListener("DOMContentLoaded", function () {
      new simpleParallax(document.querySelectorAll(".parallax-image"), {
        delay: 0,
        scale: 1.25,
        orientation: "down",
        overflow: true,
      });
  });