Ale po co robić aż 3 efekty nie lepiej zrobić jeden? Tu masz kod z jednym głównym parallax'em. Resztę musisz usunąć.
<section class="fixed-bg js-parallax-bg " style="background-position: 50% 77px;">
<div class="shape shape--bottom" style="min-height:40px"></div>
<article class="container">
<header>
<h1>Zawartość 2 sekcji</h1>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum adipisci nulla maiores, voluptatum earum illo iusto, minus consectetur, veritatis ipsam facilis necessitatibus iure explicabo in possimus amet neque ab voluptatem. Soluta dignissimos doloribus, dolorem suscipit aut cupiditate minus quos magni iure exercitationem culpa veniam aspernatur ipsum quibusdam aliquam necessitatibus tempora libero consectetur esse inventore. Ipsum tenetur blanditiis omnis, labore accusantium, totam incidunt, vero consectetur porro tempora quo dolorum veritatis. Porro nihil obcaecati rem ipsa cupiditate dicta voluptatum adipisci eum iure cum dolores officia non qui dignissimos repellat, assumenda tempora molestiae reprehenderit quam, quis nulla, soluta asperiores illo architecto. Autem, aut.</p>
<p>Reprehenderit possimus dolor quod veniam magni, et iste iusto, perferendis aliquam corporis suscipit. Numquam corporis vero itaque fuga architecto dolorem. Nesciunt expedita corrupti itaque aspernatur repudiandae nisi vero repellat ipsum iste totam nemo, molestiae eligendi, ullam ut quam omnis numquam delectus nobis illo quas ex alias. Voluptatibus deleniti consequatur vel sequi omnis, reiciendis quas illum natus impedit eveniet libero quis incidunt cupiditate quibusdam blanditiis quasi, porro vitae consectetur eligendi. Voluptatem, dolor alias voluptate, tenetur eius, natus eaque accusantium totam, expedita iure voluptas tempora debitis laborum quod deserunt ea vero labore atque ipsam suscipit! Laborum repellat, neque mollitia ut officiis. Officia.</p>
</article>
<div class="shape shape--top" style="min-height:40px"></div>
</section>
