So I'm working on a landing page that has a couple of parallax sections. I've managed to get the hero section working like a charm but the 'What We Do' parallax section has more content that's been harder to work with. Sometimes I can see all of the content (if the viewport height is on the larger side) and other times the bottom portion gets cut off. How can I control this section more so that it's more flexible and the content shows no matter the viewport height?
Here's a screenshot for how this section is supposed to look... with the background having a parallax effect thats the same as the hero section.
Here is my public share link: LINK