.image-with-text__media-item--heading-as-image .image-with-text__heading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  height: 100%;
}

.image-with-text__media-item--heading-as-image .image-with-text__heading-container--with-image {
  position: absolute;
  inset: 0;
}

.image-with-text__media-item--heading-as-image>.image-with-text__heading-container>.image-with-text__heading {
  margin: 0;
  text-align: center;
}

.image-with-text__media-item--custom-color>.image-with-text__media {
  background: none;
  border: none;
}

@media only screen and (min-width: 750px) {

  .image-with-text__media-item--heading-as-image .h1,
  .image-with-text__media-item--heading-as-image h1 {
    font-size: calc(var(--font-heading-scale) * 3rem)
  }
}

@media only screen and (min-width: 1000px) {

  .image-with-text__media-item--heading-as-image .h1,
  .image-with-text__media-item--heading-as-image h1 {
    font-size: calc(var(--font-heading-scale) * 4rem)
  }
}