.boarding-section {
  padding-bottom: var(--block-space-lg);
}

.boarding {
  display: grid;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  border: 1px solid var(--neutral-300);
  @media (min-width: 960px) {
    grid-template-columns: 1fr 1fr;
  }

  .boarding-figure {
    order: -1;
    @media (min-width: 960px) {
      min-height: 100%;
      order: 1;
    }
  }

  .boarding-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .boarding-text {
    padding: 32px;
    p:not(:last-child) {
      margin-bottom: 24px;
    }

    @media (min-width: 769px) {
      padding: 66px;
    }
  }
}