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