.background-graphic{
  height: 100%;
  position: absolute;
  width: 100%;
  >*{
    user-select: none;
  }
}

.stripe-holder {
  position: relative;
  padding: 0;

  &:before, &:after {
    content: "";
    position: absolute;
    background-color: $themePrimary;
    opacity: .3;
  }

  &:after {
    opacity: 1;
  }
}

@include media-breakpoint-down(md) {
  .background-graphic {
    display: none;
  }
  .stripe-holder{
    &:before,
    &:after{
      display: none;
    }
  }
}