Boardwalk: margin issues resulting in clipped/cropped images

[suyogyashukla]

Steps to reproduce
Visit test draft post here: https://wematter.blog/?p=1165&preview=true

The images on the second row of the tiled gallery are clipped:

Image

In the block editor, the gallery looks correct. Disabling other plugins and also trying Health Check (with JP) gave the same issue. It appears the theme has the following code that is resulting in the issue:

@media screen and (min-width: 768px)
.wp-caption.caption-big, .image-big {
display: block;
margin-bottom: 24px;
margin-left: -72px;
width: 768px;
max-width: 768px;
}
Removing the margin-left seems to fix it.

Browser / OS version
Chrome 73.0.3683.86 on macOS 10.14.4.

Context / Source
Reported here: 10277547-hc, 1941117-zen

Closing Automattic/wp-calypso#32151

[supernovia]

I'm seeing a similar issue in this thread. Gallery shows like this with Boardwalk. It looks fine in other themes I've tested with the same content