/* V20.54.4 - media wrappers preserve the tenant's existing image design.
   MOE changes the file served, never the visual contract of the theme. */

/* The wrapper must not become an extra flex/grid/layout box. */
picture.vc-media-picture {
  display: contents;
}

:where(.vc-moe-image, .vc-static-image) {
  display: block;
  max-width: 100%;
  image-orientation: from-image;
}

/* Natural editorial rendering is opt-in, never forced globally. */
:where(.vc-media-natural, .vc-media-natural > img, picture.vc-media-natural > img) {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Intentional cover frames keep the tenant's crop/design. */
:where(.vc-media-cover, .vc-media-cover > img, picture.vc-media-cover > img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#public-content :where(img, picture) {
  max-width: 100%;
}