.side-image {

align-items: flex-start;
display: flex;
max-width: 100%;

@media screen and (max-width: $mobile) {
  align-items: center;
  flex-direction: column;
}

&__image {
  height: 233px;

  @media screen and (max-height: $max-height) {
    height: 150px;
  }
}

_:-ms-input-placeholder, :root &__image {
  float: left;
  display: inline-block;
}

&__content {
  margin-left: -50px;
  max-width: calc(100% - 200px);

  @media screen and (max-width: $tablet) {
    max-width: 100%;
  }

  @media screen and (max-width: $mobile) {
    margin: 0;
  }
}

_:-ms-input-placeholder, :root &__content {
  float: right;
  display: inline-block;
  min-width: 500px;
}

}