@media (max-width: 480px) {
  body .module--intro {
    padding-bottom: var(--section-space-s);
    padding-top: var(--section-space-xs);
  }
  body .module--intro > .brxe-container:first-child {
    grid: var(--grid-1);
  }
  body .module--intro > .brxe-container:first-child .justify-content--end {
    justify-content: flex-start;
  }
  body .module--intro > .brxe-container:first-child .grid--2 {
    grid: var(--grid-1);
    grid-row-start: unset;
    grid-column: unset;
  }
  body .module--intro > .brxe-container:first-child .text--right {
    text-align: left;
  }
  body .module--intro > .brxe-container:first-child .margin-left--auto {
    margin-left: unset;
  }
  body .module--intro > .brxe-container:first-child .brxe-heading {
    max-width: unset !important;
  }
}
.module--media-left {
  position: relative;
  transition: 0.5s ease;
}
.module--media-left > .brxe-container {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  position: static;
  width: 100%;
}
.module--media-left__media-wrap {
  order: -1;
}
.module--media-left__media-wrap img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.module--media-left__content {
  position: relative;
}
.module--media-left__content::after {
  background-color: var(--white);
  bottom: var(--section-padding-x--rev);
  content: "";
  left: var(--section-padding-x--rev);
  position: absolute;
  right: var(--section-padding-x--rev);
  top: var(--section-padding-x--rev);
  z-index: -1;
}
@media (min-width: 768px) {
  .module--media-left {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .module--media-left > .brxe-container {
    align-items: center;
  }
  .module--media-left__media-wrap {
    align-self: stretch;
    padding-right: var(--space-xxl);
    padding-right: 8vw;
    width: 50%;
  }
  .module--media-left__content {
    max-width: 55rem;
    padding-right: var(--section-padding-x);
    width: 50%;
  }
}
@media (max-width: 767px) {
  body .module--media-left {
    flex-direction: column;
    padding-bottom: var(--section-space-s);
    padding-top: var(--section-space-s);
  }
  body .module--media-left > .brxe-container {
    gap: var(--space-s);
  }
  body .module--media-left__media-wrap {
    padding-right: 0;
    padding-bottom: 88%;
    position: relative;
    width: 100%;
    z-index: 0;
  }
  body .module--media-left__media-wrap img {
    left: 0;
    position: absolute;
    top: 0;
  }
  body .module--media-left__content {
    width: 100%;
    z-index: 2;
  }
}