Images in the table columns are not resized responsively in the Edit mode

Issue Summary

In the previous Confluence version (tested with 7.13.7), in the 'Edit mode', images in the table columns are resized responsively based on the column width changes. But in recent Confluence versions (tested with 7.19.2), behavior is changed and it is not working like before.

The behavior described above can be seen in the videos below:

• 7.13.7.mp4
• 7.19.2.mp4

This is reproducible on Data Center: yes

Steps to Reproduce

1. Create a page
2. Create a table and insert an image to one of the columns
3. Set the table 'Fixed width' and set the image 'Original' for size.
4. Adjust the column width that contains the image.

Expected Results

The image should be resized based on the column size.

Actual Results

The image size stays the same and don't let the column width be smaller than the original image size.

Workaround

To ensure that the image resizes with the column width change, you can add this custom CSS at either the site level (which will affect all pages in the instance) or the space level (which will affect only pages in that particular space).

table.confluenceTable td.confluenceTd img, table.confluenceTable td.confluenceTd .confluence-embedded-file-wrapper img, table.confluenceTable th.confluenceTh .confluence-embedded-file-wrapper img {
      max-width: calc(100% - 4px);
} 

I took this CSS from Confluence 7.13.7 version where it is working as desired.

To edit a space's CSS style sheets:

1. Go to the space and choose Space tools > Look and Feel from the bottom of the sidebar.
2. Choose Stylesheet then Edit.
3. Paste the custom CSS into the text field.
4. Save the changes.

To edit the global CSS stylesheet:

1. Choose   > General Configuration > Stylesheet. 
2. Choose Edit.
3. Paste the custom CSS into the text field.
4. Choose Save.