Text lost under image after WordPress 5.0 upgrade

Interesting problem…
I went into the page in Chrome and used the Development Tools (ctrl+shift+I) or just right click on the element and select Inspect.

The images are being displayed in a Flexbox and it looks like there is a conflict between the Flexbox and the blocks above it. There are a number of ways to fix the problem, the first and easiest, but most likely the wrong fix is to put a line break after the paragraph containing the name Tony. However, this is not a good solution, it just adds space hides the problem.

Fix by adding a break - not the best way

I also noticed that the image in the Flexbox is being displaced upwards by 1.5em. Further inspection showed that there is a style applied to the image as:

.entry-content img {
    margin: 0 0 1.5em 0;
}

This places a bottom margin on the image of 1.5em and the image then falls outside the FlexBox by the 1.5em applied to the bottom margin.

If you set this margin to 0 then this resolves the problem.

.entry-content img {
    margin: 0 0 0 0;
}

CSS Fix - better way

I am not sure why this would only have appeared in WordPress 5.0 and look forward to suggestions from other members. However, I do think that the margin applied to the image along with a height setting of 100% is incorrect and the bottom margin should either be removed or set to 0.