Blog masonry spacing + mobile responsive page

Try this CSS:

.post-image-above-header .generate-columns .inside-article div.post-image {
    margin-bottom: 0.5em;
}

.generate-columns .entry-summary {
    margin-top: 0.5em;
}

Cache and Optimization plugins such as WP Rocket / Autoptimize / W3 Fastet Cache etc. all effect the way the code is output to the site. They combine files, minimize ( remove empty space ) them and store them in a cache.

Generally caches work fine. Sometimes they cause issues that can be fixed just by flushing them. And other times their settings need tweaking to stop them from breaking things.

In this instance there is no breakages or problems with the cache. But a cached site means we cannot easily debug an issue with your site.

We expressly ask in the New Topic pre-check that Caches are disabled and left disabled so we can help resolve issues as quickly as possible.

I apologize for that. I did not install that plugin myself but someone that was hired to do optimization for me did. So I honestly am not really sure what it did so I apologize I did not take note of that in the pre-check.

But the CSS you gave me worked perfectly. Thank you very much for your help

No need for apologies :) Hopefully it helps explain what they do.
Glad to be of help.