diff --git a/packages/block-library/src/image/editor.scss b/packages/block-library/src/image/editor.scss index 7df49e942949f7..0fd26a8e0bdecf 100644 --- a/packages/block-library/src/image/editor.scss +++ b/packages/block-library/src/image/editor.scss @@ -52,6 +52,7 @@ figure.wp-block-image:not(.wp-block) { [data-align="wide"] > .wp-block-image, [data-align="full"] > .wp-block-image { img { + height: auto; width: 100%; } } diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss index c6268a7a115efc..b6256d5184d20d 100644 --- a/packages/block-library/src/image/style.scss +++ b/packages/block-library/src/image/style.scss @@ -2,6 +2,7 @@ margin: 0 0 1em 0; img { + height: auto; max-width: 100%; } @@ -15,6 +16,7 @@ &.alignfull img, &.alignwide img { + height: auto; width: 100%; } diff --git a/packages/block-library/src/media-text/style.scss b/packages/block-library/src/media-text/style.scss index 98c7e0629130f1..4f1b6bd05c5598 100644 --- a/packages/block-library/src/media-text/style.scss +++ b/packages/block-library/src/media-text/style.scss @@ -67,6 +67,7 @@ .wp-block-media-text__media img, .wp-block-media-text__media video { + height: auto; max-width: unset; width: 100%; vertical-align: middle; diff --git a/packages/block-library/src/site-logo/editor.scss b/packages/block-library/src/site-logo/editor.scss index 63e41ed7394074..6c420268aa36b7 100644 --- a/packages/block-library/src/site-logo/editor.scss +++ b/packages/block-library/src/site-logo/editor.scss @@ -19,6 +19,7 @@ width: 120px; img { + height: auto; width: 100%; } } @@ -38,6 +39,7 @@ img { display: block; + height: auto; max-width: 100%; }