Hello! I hope this is the right place to ask for help on this component, any help would be much appreciated!
I'm using Header 75 on this website's About page (specifically the "Our Origins" section) and I'm having trouble with two things (preview link):
Controlling the amount of blank space left below the image once the scroll interaction is enabled. It looks ok on desktop but on mobile, there's a huge blank space below the image that requires more scrolling before you get to the next content section. How can I minimize this space without ruining the entire interaction and keeping it responsive?
Making the scroll interaction more smooth in general. On desktop as you scroll into the section, the text fades and the image slides up, but as you continue to scroll down, the image "sticks" for a moment before the regular page scrolling returns and moves you down to the next page section. How can I make this scroll interaction feel more seamless?
Thanks!
