Dispatch Blog Post List format on mobile is encroaching on section above

Hello...

We have created a simple grid of 4 blog post images, similar to that which is at the bottom of the Dispatch Home page, below the header 'More Articles’.
It only has images and the blog post title inside, without any other text.

This blog image grid is on my Home page, it’s supposed to be above the footer and below 2 images which link to static pages.

This is working fine on desktop, but on mobile (tablet and phone), where the content is stacked, half of the blog images 'cut into' and separate the 2 images which are supposed to be in the section above the blog image grid. Result is a stacked alternation of blog and non-blog content (on mobile only).

Please could you advise how to keep the blog grid separate and stay where it should be on mobile?

Thanks,
Brenda