Fix [Component]: Minimize Absolute Positioning on the Donate Page Hero

[jtfairbank]

Attempt to minimize the amount of content that is absolute positioned. Based on the design, it seems like you could divide the content into 3 sections:

1. The "support us today" content in a relatively positioned wrapper with a blue background and top padding.
2. The "ship aid to people in need" content in a relatively positioned wrapper with a white background (the content itself would have the purple background).
3. The hero image, which could be absolutely positioned. Though you might be able to get away with including it in # 2 and using relative positioning to move it up.

Code:

• Make changes to src/components/donate/HeroSection.tsx.
• See src/components/tech/HeroSection.tsx and src/components/tech/AboutHero.tsx for examples.