Resonar: Blog Posts Block Appears Cut Off

[druesome]

Quick summary

When adding the Blog Posts block to a page, and then selecting the "Show media behind" option, the posts in the block appear cut off on a site using the Resonar theme.

Ticket: 4940822-zen

Steps to reproduce

1. Activate Resonar theme
2. Insert Blog Posts block into a page
3. Select the "Show media behind" option in the toolbar

What you expected to happen

To see the blog posts appear in their full width.

What actually happened

Blog posts appear cut off.

Context

No response

Browser

Google Chrome/Chromium, Mozilla Firefox, Apple Safari

Simple/Atomic

Simple, Atomic

Other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

Adding this CSS will resolve the problem:

@media screen and (min-width: 57.8125em) {
div.wp-block-newspack-blocks-homepage-articles .post-thumbnail {
    width: 100%;
}
}

But this will only work on sites with at least the Premium Plan.

[druesome]

Just to add to this, I just discoverd selecting the "Show media on top" option does not result in the images showing on top, but rather, on the right: