¿Alguien puede explicar por qué esta página de inicio, la revelación de desplazamiento empeora lentamente a medida que se desplaza?

https://www.zedmed.com.au/

Las cosas en la parte inferior están fácilmente en la pantalla, pero no se muestran hasta que se desplaza un poco más. Mientras que los de arriba funcionan perfecto/mejor. Aquí están las clases que configuré:

 ScrollReveal().reveal(".content-scroll-delay1", { delay: 200, duration: 750, distance: "30px", reset: false, }); ScrollReveal().reveal(".content-scroll-left", { delay: 500, duration: 750, distance: "30px", reset: false, origin: "left", }); ScrollReveal().reveal(".content-scroll-right", { delay: 500, duration: 750, distance: "30px", reset: false, origin: "right", }); ScrollReveal().reveal(".content-scroll-fade-up", { delay: 0, duration: 2000, scale: 0.7, reset: false, }); ScrollReveal().reveal(".content-scroll-home-content", { delay: 700, duration: 3000, scale: 0, reset: false, });

Parece una implementación simple, pero no puedo resolver esto.

Aquí están los valores predeterminados de inicio de ScrollReveal:

 var ScrollReveal = (function () { "use strict"; var r = { delay: 0, distance: "0", duration: 600, easing: "cubic-bezier(0.5, 0, 0, 1)", interval: 0, opacity: 0, origin: "bottom", rotate: { x: 0, y: 0, z: 0 }, scale: 1, cleanup: !1, container: document.documentElement, desktop: !0, mobile: !0, reset: !1, useDelay: "always", viewFactor: 0, viewOffset: { top: 0, right: 0, bottom: 0, left: 0 }, afterReset: function () {}, afterReveal: function () {}, beforeReset: function () {}, beforeReveal: function () {}, }; ......

Gracias