Slideshow block shows extra space below the block on Safari browser on mobile

### Impacted plugin

Jetpack

### Quick summary

When viewing the post with a Slideshow block from Safari browser on mobile, there is an extra gap below the slideshow image.
When viewing from a desktop Safari browser, it shows the gap, but once all the assets are loaded, the gap disappears.
We're not able to replicate the issue on other browsers, this is only occurring on Safari browser.
The user has cleared the cache on the mobile browser but still the issue persists. Checked on staging site as well and the issue was replicated there too.

User ticket: 8320193-zd-a8c

### Steps to reproduce

1. Open Safari browser (if possible open in incognito) on mobile browser (Safari)
2. Visit https://staging-bdb8-dangitbee.wpcomstaging.com/2024/06/10/boundaries-the-meadows-06-05-2024/
3. Scroll down and find the slideshow under `KAONASHI` section.
4. the first few images when scrolled through shows an extra gap at the bottom.

Screencast video:
https://github.com/Automattic/jetpack/assets/7382505/fc5c8036-3cab-420d-b4db-77b0defe4efe

### A clear and concise description of what you expected to happen.

No gap should be shown under the slideshow block on any browsers/devices.
Like on Chrome browser (mobile):

### What actually happened

There is a gap showing on the Safari browser on mobile device.

### Impact

One

### Available workarounds?

There is no user impact

### Platform (Simple and/or Atomic)

Atomic

### Logs or notes

Browser: Safari

Start by reproducing the issue on the staging URL in mobile Safari, scrolling to the Slideshow under the KAONASHI section and checking the first images. Then locate the Jetpack Slideshow block implementation and compare its layout while assets load in Safari and Chrome; done means no extra gap appears on Safari mobile or desktop after loading.

Written by the indexing model from the issue text.