.title-text-card {
  border-radius: calc(20/10 * 1rem);
  border: calc(3/10 * 1rem) solid white;
  padding: calc(20/10 * 1rem) calc(15/10 * 1rem);
  color: var(--color--text);
  background-color: var(--color--background);
  overflow: hidden;
  
  width: 100%;
  height: 100%;

  @container (width > calc(768/10 * 1rem)) {
    border: calc(3/10 * 1rem) solid white;
    padding: calc(15/10 * 1rem) calc(20/10 * 1rem) calc(15/10 * 1rem) calc(20/10 * 1rem);
  }

  @container (width > calc(1200/10 * 1rem)) {
    border: calc(4/10 * 1rem) solid white;
    padding: calc(25/10 * 1rem) calc(30/10 * 1rem) calc(25/10 * 1rem) calc(30/10 * 1rem);
  }

  @container (width > calc(1400/10 * 1rem)) {
    border: calc(6/10 * 1rem) solid white;
    padding: calc(75/10 * 1rem) calc(50/10 * 1rem) calc(50/10 * 1rem) calc(50/10 * 1rem);
  }
}

.title-text-card__inner {
  height: 100%;
}

.title-text-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;

}

.title-text-card__title {
  font-family: var(--font-family--lexend);
  font-weight: 800;
  font-size: calc(24/10 * 1rem);
  margin-bottom: calc(10/10 * 1rem);

  @container (width > calc(768/10 * 1rem)) {
    font-size: calc(25/10 * 1rem);
    line-height: 1;
    margin-bottom: calc(14/10 * 1rem);
  }

  @container (width > calc(1200/10 * 1rem)) {
    font-size: calc(30/10 * 1rem);
    line-height: 1;
    margin-bottom: calc(14/10 * 1rem);
  }

  @container (width > calc(1400/10 * 1rem)) {
    font-size: calc(40/10 * 1rem);
    line-height: 1;
    margin-bottom: calc(22/10 * 1rem);
  }
}


.title-text-card__blurb {
  font-size: calc(16/10 * 1rem);
  font-family: var(--font-family--lexend);
  font-weight: 400;
  line-height: 1.5;

  @container (width > calc(1200/10 * 1rem)) {
    font-size: calc(18/10 * 1rem);
    line-height: 1.7;
  }
}

.title-text-card__media {
  width: calc(64/10 * 1rem);
  height: calc(64/10 * 1rem);

  margin-top: auto;

  @container (width > calc(992/10 * 1rem)) {
    width: calc(100/10 * 1rem);
    height: calc(100/10 * 1rem);
  }

  @container (width > calc(1200/10 * 1rem)) {
    width: calc(163/10 * 1rem);
    height: calc(163/10 * 1rem);
  }
}