The hero layout isn't centered on tablet breakpoints.

[Willaiem]

Describe the bug The hero layout is moved to the left side of the screen, which isn't looking great in comparison to the 1280px breakpoint.

To Reproduce Steps to reproduce the behavior:

1. Go to bewebdev.tech/
2. Open the devtools and set the width to 768px
3. You can see that the button are too close to the left side of the screen.

Expected behavior This layout should be displayed until the 1280px breakpoint for better UX.

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Firefox Developer Edition
• Version 108.0b2