.text-image-split {

  & .container {
    display:flex;
  }
  & .left-side, & .right-side {
    width:50%;
  }
  & .text {
    padding:32px;
  }
}
.text-image-split.reverse-1 {
  & .right-side {
    order:-1;
  }
}

@media screen and (max-width:800px){
  .text-image-split .container {
    flex-direction:column;
  }
  .text-image-split .right-side, .text-image-split .left-side {
    width:100%;
  }
  .text-image-split .image {
    order:-1;
  }
}