@media only screen and (min-width: 992px) {
  .media-text__card {
    gap: 24px;
    display: flex;
    padding: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .media-text__card {
    gap: 80px;
  }
}

.media-text__card--image-right {
  flex-direction: row-reverse;
}

@media only screen and (min-width: 992px) {
  .media-text__card--no-padding {
    padding: 0;
  }
}

@media only screen and (max-width: 991.98px) {
  .media-text__card {
    background-color: transparent;
    color: var(--color-navy);
  }
}

.media-text__image {
  flex: 1;
}
.media-text__image img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .media-text__desktop-image {
    height: 100%;
  }
}
.media-text__image-has-mobile .media-text__desktop-image {
  display: none;
}
@media only screen and (min-width: 768px) {
  .media-text__image-has-mobile .media-text__desktop-image {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  .media-text__desktop-image--offset {
    height: auto;
    margin: -60px -28px -60px -60px;
  }
}
@media only screen and (min-width: 1200px) {
  .media-text__card--image-left .media-text__desktop-image--offset {
    margin-right: -60px;
    margin-left: -28px;
  }
}

.media-text__mobile-image {
  display: block;
}
@media only screen and (min-width: 768px) {
  .media-text__mobile-image {
    display: none;
  }
}

.media-text__content {
  flex: 1;
}
@media only screen and (min-width: 992px) {
  .media-text__content {
    justify-content: center;
    flex-direction: column;
    display: flex;
  }
}

.media-text__width {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .media-text__width {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.media-text__width * + * {
  margin-top: 20px;
}
.media-text__card--no-padding .media-text__width {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
@media only screen and (min-width: 992px) {
  .media-text__card--no-padding .media-text__width {
    padding-top: 0;
  }
}

.media-text__button {
  margin-top: 28px;
}