.image:has(img.image__src400),
.news-link__img,
.news-multi-link__img,
.office-info__section--image-container,
.hero-carousel-link__img {
  container-type: inline-size;
  container-name: content-image;
  aspect-ratio: 16 / 9;
}

.image > .image__src126,
.news-link__img > .image__src126,
.news-multi-link__img > .image__src126,
.office-info__section--image-container > .image__src126,
.hero-carousel-link__img > .image__src126,
.image > .image__src186,
.news-link__img > .image__src186,
.news-multi-link__img > .image__src186,
.office-info__section--image-container > .image__src186,
.hero-carousel-link__img > .image__src186,
.image > .image__src400,
.news-link__img > .image__src400,
.news-multi-link__img > .image__src400,
.office-info__section--image-container > .image__src400,
.hero-carousel-link__img > .image__src400,
.image > .image__src599,
.news-link__img > .image__src599,
.news-multi-link__img > .image__src599,
.office-info__section--image-container > .image__src599,
.hero-carousel-link__img > .image__src599,
.image > .image__src879,
.news-link__img > .image__src879,
.news-multi-link__img > .image__src879,
.office-info__section--image-container > .image__src879,
.hero-carousel-link__img > .image__src879 {
  display: none;
}

@container content-image (width < 127px) {
  .image__src126[class] {
    display: block;
  }
}

@container content-image (width > 126px) and (width < 187px) {
  .image__src186[class] {
    display: block;
  }
}

@container content-image (width > 186px) and (width < 401px) {
  .image__src400[class] {
    display: block;
  }
}

@container content-image (width > 400px) and (width < 600px) {
  .image__src599[class] {
    display: block;
  }
}

@container content-image (width > 599px) {
  .image__src879[class] {
      display: block;
  }
}