$o-detail-intro-bp1: 686;

.o-detail-intro {
  @include template(back, content);
  display: grid;
  grid-row-gap: space(4);
  grid-column-gap: column(1,12);
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
      "back"
      "content";

  // Set side by side from medium viewports and up
  @include mq($o-detail-intro-bp1) {
    grid-template-columns: 3fr 9fr;
    grid-template-rows: auto;
    grid-template-areas: "back content"
  }
}