Mirrored logo appears briefly when loading the website on mobile

[Dench1kman]

Page URL

https://flutter.dev

Page source

No response

Describe the problem

Description: When opening https://flutter.dev on a mobile device, the logo briefly displays an additional mirrored version directly below it for a few seconds before correcting itself.

Steps to Reproduce: 1.Open a browser on a mobile device. 2.Navigate to https://flutter.dev. 3.Observe the logo display during the page load.

Expected fix

Expected Result: The logo should display correctly without any mirrored copies.

Actual Result: For a few seconds, a mirrored version of the logo appears below the original before disappearing.

Additional context

https://github.com/user-attachments/assets/5bd48bdb-3e62-49a4-8b93-e9b9c4029ccd

I would like to fix this problem.

• [ ] I will try and fix this problem on docs.flutter.dev.