/* The Wizard — mobile-only Gutenberg image alignment.
 * Only explicitly opted-in Image blocks are affected. No changes to image
 * border, passepartout, padding, shadow, or animation transforms. */
@media (max-width: 767px) {
  .wiz-prose figure.wp-block-image.wiz-mobile-image-center,
  .editor-styles-wrapper figure.wp-block-image.wiz-mobile-image-center,
  .editor-styles-wrapper .wiz-mobile-image-center figure.wp-block-image {
    float: none !important;
    clear: both;
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
  }
  .wiz-prose figure.wp-block-image.wiz-mobile-image-left,
  .editor-styles-wrapper figure.wp-block-image.wiz-mobile-image-left,
  .editor-styles-wrapper .wiz-mobile-image-left figure.wp-block-image {
    float: none !important;
    clear: both;
    display: table;
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 100%;
  }
  .wiz-prose figure.wp-block-image.wiz-mobile-image-right,
  .editor-styles-wrapper figure.wp-block-image.wiz-mobile-image-right,
  .editor-styles-wrapper .wiz-mobile-image-right figure.wp-block-image {
    float: none !important;
    clear: both;
    display: table;
    margin-left: auto !important;
    margin-right: 0 !important;
    max-width: 100%;
  }
  .wiz-prose figure.wp-block-image[class*="wiz-mobile-image-"] > img,
  .editor-styles-wrapper figure.wp-block-image[class*="wiz-mobile-image-"] > img {
    max-width: 100%;
    height: auto;
  }
}