/* Applies only to images explicitly inserted by BlockHtml V2. Historical HTML
 * and images from other blocks retain their existing rendering contract. */
.block-html .cms-block-html-image,
.block-html-preview-content .cms-block-html-image {
    display: block;
    box-sizing: border-box;
    max-width: 100% !important;
    height: auto !important;
}

.block-html .cms-block-html-image--natural,
.block-html-preview-content .cms-block-html-image--natural {
    width: auto !important;
}

.block-html .cms-block-html-image--container,
.block-html-preview-content .cms-block-html-image--container {
    width: 100% !important;
}

.block-html .cms-block-html-image--custom,
.block-html-preview-content .cms-block-html-image--custom {
    width: 100% !important;
    max-width: min(100%, var(--cms-block-html-image-max-width, 100%)) !important;
}

.block-html .cms-block-html-image--align-left,
.block-html-preview-content .cms-block-html-image--align-left {
    margin-right: auto;
    margin-left: 0;
}

.block-html .cms-block-html-image--align-center,
.block-html-preview-content .cms-block-html-image--align-center {
    margin-right: auto;
    margin-left: auto;
}

.block-html .cms-block-html-image--align-right,
.block-html-preview-content .cms-block-html-image--align-right {
    margin-right: 0;
    margin-left: auto;
}