/* ==========================================================================
   #IMAGES
   ========================================================================== */

/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */

.mainContent img {
  max-width: 100%; /* [1] */
  font-style: italic; /* [2] */
  vertical-align: middle; /* [3] */
}

.mainContent img[width] {
  width: auto; /* Defer to max-width */
}

.mainContent img[width][height] {
  height: auto; /* Preserve aspect ratio */
}

/* Let SVG scale without boundaries */
/*
.mainContent img[src$=".svg"] {
  width: 100%;
  height: auto;
  max-width: none;
}
*/

.cor-image {
  aspect-ratio: 3 / 2;
  width: 100%;
  object-fit: cover;
}

.ms-webpart-menuArrowImg,
.ms-cui-menu img {
  max-width: auto;
}