Bug: Hero section overlap on mobile viewports in landscape mode

Currently, the hero section is a bit broken on mobile viewports. When viewed in landscape mode, the curve elements at the bottom overlap with the heading, disrupting the visual flow and making it harder to read. Plus, the whole hero section feels quite cramped.

Take a look at the image below, which demonstrates the issue:

No source file or test is named in the issue. Reproduce the homepage on a mobile viewport in landscape mode, then locate the hero section styles and inspect the curve elements and spacing; done means the curves no longer overlap the heading and the hero is less cramped.

Written by the indexing model from the issue text.