.container {
  position: relative;
  max-width: none !important;
  @include flex-align(center, center);
  height: 100%;

  flex-direction: column;

  @include min(laptop) {
    flex-direction: row;
  }

  > div {
    width: 100%;
  }

  > div:nth-child(2) {
    text-align: right;
    position: relative;
    height: 100%;
    @include flex-align(center, center);

    &:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: none;
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
      -webkit-transform: skew(340deg);
      -ms-transform: skew(340deg);
      transform: skew(340deg);
      z-index: -1;

      @include min(laptop) {
        border-right: 1.5rem solid #ffdb20;
        background: linear-gradient(108.84deg, #020315 0%, rgba(43, 43, 51, 0.6) 100.43%);
      }
    }

    h1 {
      font-style: italic;
      font-weight: 700;
      @include min(laptop) {
        font-size: 60px;
        line-height: 69px;
      }
      margin: 0;
      font-size: 32px;
      line-height: 37px;
    }
  }
}

.bgImage {
  z-index: -1;
  position: absolute;
  max-width: none !important;
  height: auto !important;
  top: 0;

  @include min(laptop) {
    height: inherit !important;
  }
}
