Reader: WordPress embed blocks appear cropped / misaligned

[aerych]

Refs: https://github.com/Automattic/wp-calypso/issues/45105

When viewing a post that contains Gutenberg WordPress embed blocks in the Android reader, the content can be cropped and misaligned.

Steps to reproduce

1. Create a post on a test site and add some Gutenberg WordPress embed blocks. Link the blocks to WordPress posts that will generate preview cards.
2. View the post in the Android reader.
3. Compare the post in the reader vs the post on the site. Notice that the bottom of the card is cropped.

Depending on the card, this might look okay, or it might end up cropping the site logo beneath the card image. In any event the border around the card is cropped, and the content is shifted to the right (like there is a left border).

My expectation is the full card would be shown and appear inline with the rest of the content.

[thehenrybyrd]

Reproduced in WP Android 20.6-rc-3, Android 12, on Samsung Galaxy S21. While the Featured Image is no longer misaligned, the site logo/title still does not appear.

Here's how the WP Embed Block is displayed when viewing the post:

Here's how the WP Embed Block is displayed when viewing the post in the Reader:

Note the lack of the WP logo and site title.