Thank you so much for the quick and thorough response @WebDev_Brandon. It helped a lot. So I just needed to set a height on the areas I wanted scrollable. I had naively presumed that if the parent div was clipping the child’s content, that it would be enough.
So I’ve now set heights on the three areas I wanted clipped, for example 80vh, however, my goal was that they would extend to the bottom of the viewport, and once overflowed then be scrollable. So, ideally, I need to set the height to 100 viewport height minus the px height of content above. Do you know any way I can achieve this?