A scrubbed animation is what I want, I'm guessing the end point should be at the start of the next section or a couple of pixels below the start point. Yes the fade out should start when the end of the side panel is reached. However if I apply `opacity: 0,` to the current code it fades out the boxes, that's why I have no idea how I would implement it.
So the start of the fade out is after you've seen all the posts on the right and the end is after you've scrolled a bit more (to the following section).
Edit: If you comment out the JS and apply overflow: hidden; to .hero__aside, you will see the correct spacing between the sections.