.o-text-image{}

.o-text-image__text {
  padding-bottom: 48px;
}

.o-text-image__button {
  margin-top: 65px;
}

@include mq(m) {

  .o-text-image__text{
    position: relative;
    padding: column(0.5, 12) column(1, 12) calc(#{column(0.5, 12)} + 50px);

    &:after {
      content: '';
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      display: block;
      height: calc(100% - 50px);
      width: 100%;
      background-color: palette(secondary, 100);
    }
  }

  .o-text-image {
    display: flex;
    justify-content: space-between;
    align-items: stretch;

    > * {
      width: 50%;
    }
  }

  .o-text-image--reversed{
    flex-direction: row-reverse;
  }
}