Resizing image to be larger than container breaks layout

[hedgefield]

Describe the bug
If you change the size of an image via the sidebar to be larger than the content/block width, it breaks out of the layout and starts overlapping other blocks.

To Reproduce
Steps to reproduce the behavior:

1. Add an image block and select an image
2. Select the image block and open the block settings sidebar
3. Change the pixel width to something like 2048
4. The image now breaks out of the bounding box of the block

Expected behavior
That increasing the image size beyond the content width only resizes the image up to that width, and resets the value in the sidebar to match that maximum width.

Screenshots

Desktop (please complete the following information):

• MacOS 10.14.2
• Chrome 71.0.3578.98
• Gutenberg plugin 4.7.1 on WP 5.0.2

Additional context
The fact that the block doesn't scale vertically to match the image is also because the image settings are not linked, if you change the width the height doesn't update to match, even though the image itself maintains its proper aspect ratio. But that might be another issue.

[designsimply]

Thank you for the clear and concise report! I would like to consolidate this issue with #12168.