Hi there,
GP applies this standard Block CSS:
.entry-content>[class*="wp-block-"]:not(:last-child) {
margin-bottom: 1.5em;
}
This ensures there is a space between elements by adding bottom margin to them. Without it images and other mixed content in a post would collide with each other.
This can be changed with CSS and my preferred method is this:
1. edit the Block, in the Settings > Advanced –> Additional CSS add strip-margin-bottom
2. Add this CSS to your site:
.entry-content>[class*="wp-block-"].strip-margin-bottom:not(:last-child)
{
margin-bottom: 0;
}
This will remove the gap below any block carrying that class.