Coding portal graphic overlaps with "Get Started" text on Firefox

[HamishPierpont]

Describe the bug
The student coding portal at edugator.app/code has a graphic of a student at work and some text reading "Get Started\n Choose a problem on the navigation portal to start!". The text is supposed to be underneath the graphic. On Firefox for macOS and for Windows, the text is overlapping the graphic. This bug is not happening on chrome.

To Reproduce
Steps to reproduce the behavior:

1. Open edugator.app/code using Firefox
2. See error

Expected behavior
The text should be underneath the graphic.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Firefox
• Version: 91.0.1

Additional context
Firefox uses the Gecko rendering engine, which differs from the Blink engine used by Chrome and Edge and the WebKit engine used by Safari. A macOS user should see if this problem occurs with Safari.