Display issue on mobile for Gallery block

[CalumChilds]

Describe the bug

• Gallery block does not display properly on mobile: photos display in two columns which are blocked by the captions.

To reproduce
Steps to reproduce the behavior:

1. Create a new page
2. Add a Gallery block containing at least five photographs.
3. Publish the page.
4. View it on mobile in portrait mode.

Expected behavior
I expected the captions to be displayed below the photograph on mobile and the width of the columns to change to 100%.

Screenshots
There is a video which shows the problem: http://calumchilds.com/videos/gallery-block-issue.mp4
Smartphone (please complete the following information):

• Device: iPod touch
• OS: 12.1
• Browser Firefox (problem also existed in Safari and Chrome)
• Version: 15

Additional context

• I am using the latest version of Gutenberg (5.8)

[swissspidy]

Does this happen with other themes (e.g. Twenty Nineteen) as well?

[DeaFuriosa]

Hello,
this also happens on Fluida Plus Theme. You may see and try here (use mobile device or inspect tool to simulate mobile) (just scroll a little bit down):
https://www.over-the-hills.com/sustenstrasse-herrliche-gletscherausblicke/
This screenshot shows the issue (inspect tool, simulating iPhone X):

The caption overlaps the image almost completely, users aren't able to tab and zoom the images.

[stacimc]

Confirmed this is still the behavior of gallery image captions on mobile, testing with Twenty Twenty Two. Maybe this is another good use case for the discussion here about adding a gallery block style to toggle off overlaid captions.