[iPad] Hero banner carousel indicator dots are cut off in landscape mode after opening two or more pages

Describe the bug
On iPad landscape mode, the carousel indicator dots in the hero banner on the micro:bit homepage are partially cut off after opening two or more pages from the banner items.

Steps to reproduce the behavior:

1. Navigate to https://makecode.microbit.org/beta on iPad landscape mode.
2. In the hero banner, locate a carousel item that includes a Show Instructions button.
3. Tap Show Instructions to open the page in a new tab.
4. Repeat the above step to open two or more pages.
5. Return to the homepage and observe the hero banner carousel.

Actual behavior
The hero banner carousel indicator dots are partially cut off in landscape mode after opening two or more pages.

Expected behavior
The hero banner carousel indicator dots should be fully visible and rendered correctly in landscape mode, regardless of how many pages have been opened.

Screen recording
https://github.com/user-attachments/assets/6e605ce9-d866-4e3a-8586-0c3f788334b2

Additional context
1.OS: iPad Pro 11 26.4.1
2.Browser: Safari
3.Makecode.microbit.org version: 8.1.12
4.Microsoft MakeCode version: 12.3.7

Start by reproducing the issue on the MakeCode micro:bit beta homepage in iPad landscape mode with Safari, following the listed steps for opening multiple Show Instructions pages. Then locate the hero banner carousel implementation and verify that the indicator dots remain fully visible after returning to the homepage; done means the dots are no longer cut off.