@media (min-width: 768px) {
  .text-above-image-text {
    max-width: 75%;
    padding: 2rem;
  }
  .text-above-image-graphic {
    position: relative;
    top: -10rem;
    margin-bottom: -10rem;
    z-index: -1;
  }
}
@media (min-width: 992px) {
  .text-above-image-text {
    max-width: 75%;
    padding: 2rem 2rem 2rem 8%;
  }
}
@media (min-width: 1200px) {
  .text-above-image-text {
    max-width: 65%;
  }
  .text-above-image-graphic {
    top: -13rem;
    margin-bottom: -13rem;
  }
}