Feature/94/create about section

[GabeDiniz]

✨ Issue: #94
🔀 Branch: feature/94/create-about-section

✏ What was changed?

• Create About section with the SVG background
• Add the Air Balloon animation

📜 Suggestions and things to know
The heading and text on the Figma design seem off.

• The Heading is white but the text is black which doesn't seem to fit well. They contrast each other poorly
• The Heading is also center aligned while the text is left aligned. Also looks odd.
• For this PR I made both white and center aligned. Let me know what you guys think!!

The Navbar

• I believe making the navbar sticky instead of fixed would work better (let me know what you guys think though). Sticky allows the next section to be placed underneath it, while fixed makes it so the navbar sits on top of the section. Which is why I added crazy top padding to the section.

[GabeDiniz]

✅ [Feature] Move buildings to the side for Mobile view for more white space
✅ [Feature] Remove Hawk Airballoon on mobile view
✅ [Bug] SVG doesn't fit on large-width screen

[GabeDiniz]

@aidantrabs could you check if the bug is still present on your screen? The one where the svg doesn't fit on your screen.

[juancwu]

@aidantrabs could you check if the bug is still present on your screen? The one where the svg doesn't fit on your screen.

On my 2k monitor, the svg still does not expand the whole width.