/* Keep the copy width while reducing the original hero image by 30%. */
.image-text-wrapper.chicago-landscapes-detail {
  justify-content: center;
}

.image-text-wrapper.chicago-landscapes-detail > .image-container {
  flex: 0 0 calc(56% - var(--project-layout-gap) * 0.35);
}

.image-text-wrapper.chicago-landscapes-detail.is-stacked > .image-container {
  flex: 0 0 auto;
  width: 100%;
  margin-inline: auto;
}

@media (max-width: 991.98px) {
  .chicago-landscapes-supplements .supplement-media {
    width: calc(100% / 3);
    justify-self: center;
  }
}