.section-intro {
  padding: var(--site-space-lg) 0;
}
.section-intro__wrapper {
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.section-intro__content {
  grid-column: 1/-1;
}
.section-intro__secondary-image, .section-intro__primary-image {
  margin-top: var(--site-space-md);
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
@media only screen and (min-width: 600px) {
  .section-intro__content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  .section-intro__secondary-image {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  .section-intro__primary-image {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    margin-bottom: var(--site-space-md);
  }
}
@media only screen and (min-width: 1024px) {
  .section-intro__content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1/9;
  }
  .section-intro__secondary-image {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    grid-column: 4/7;
    margin-top: var(--site-space-lg);
  }
  .section-intro__primary-image {
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-column: 8/13;
    margin-top: var(--site-space-lg);
    margin-bottom: var(--site-space-lg);
  }
}
@media only screen and (min-width: 1280px) {
  .section-intro__content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
  }
  .section-intro__secondary-image {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    grid-column: 4/7;
  }
  .section-intro__primary-image {
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-column: 8/13;
  }
}