.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; }
}