.text-picture-template-container {
  display: flex;
  flex-direction: column;
}

.text-picture-template[data-image="right"] .text-picture-template-container {
  flex-direction: column-reverse;
}

#main-content .tpt-text-container blockquote p {
  color: var(--color-functional-white);
}

.text-picture-template-container .tpt-text-container {
  color: var(--color-functional-white);
  background-color: var(--color-700);
  padding: 1rem 2rem;
  box-sizing: border-box;
}

.tpt-image-container .drupal-media {
  margin: 0;
}

.tpt-image-container .field--name-field-media-title {
  display: none;
}

.tpt-image-container img {
  height: 100%;
  min-height: 20rem;
  margin-bottom: 0;
  display: block;
  width: 100%;
}

.tpt-image-container .media,
.tpt-image-container .field--type-image {
  height: 100%;
}

@media (width > 1023px) {
  .text-picture-template-container {
    display: grid;
    grid-template-columns: 50% 50%;
  }

  .text-picture-template-container .tpt-text-container {
    min-height: 30rem;
  }

  .tpt-image-container img {
    min-height: 30rem;
  }
}

@media (width > 1920px) {
  .text-picture-template-container .tpt-text-container {
    min-height: 45rem;
  }

  .tpt-image-container img {
    min-height: 45rem;
  }

  .text-picture-template-container .tpt-text-container {
    padding: 2rem 3rem;
  }
}

@media (width > 3440px) {
  .text-picture-template-container .tpt-text-container {
    min-height: 67.5rem;
  }

  .tpt-image-container img {
    min-height: 67.5rem;
  }

  .text-picture-template-container .tpt-text-container {
    padding: 3rem 4.5rem;
  }
}