Fix alignment of logos for new login page for Firefox browsers

[sayomaki]

Description

This PR primarily aims to improve the design and placement of the logos on the new login page to be more centered. Also address a small positioning problem with Firefox browsers on the login page.

I have tested the code to ensure no regressions in terms of logo display, and that it renders consistently across different screen resolutions and sizes.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update
• Code quality improvements

How to test

Ensure new login page displays logo centered on Chromium-based browsers, and for Firefox that the logo is no longer out of position.

Checklist

• I have tested this code
• I have updated the documentation

[coveralls]

Pull Request Test Coverage Report for Build 11650605557

Details

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 31.319%

---

Totals
Change from base Build 11568075789:	0.0%
Covered Lines:	4833
Relevant Lines:	14557

---

💛 - Coveralls

[RichDom2185]

Thanks for fixing this! Possible to make it so that when it's a small screen, it becomes centre-aligned instead of space between?