.image-with-text > .row {
  @media(min-width: 992px) {
    display: flex;

    &.card-details--left {
      flex-direction: row;
    }

    &.card-details--right {
      flex-direction: row-reverse;
    }
  }
}