При работе с TinyMCE пользователь может задать у картинок опцию обтекания штатными средствами, при этом не понимая как добиться, чтобы текст не сливался с изображением. Между тем, реализовать этот эффект можно с помощью следующего SCSS-кода:
$screen-lg-min: 992px;
img[style*="right"] {
margin-top: 6px;
margin-bottom: 6px;
float: none!important;
@media only screen and (min-width : $screen-lg-min) {
margin-left: 40px;
float: right!important;
}
}
img[style*="left"] {
margin-top: 6px;
margin-bottom: 6px;
float: none!important;
@media only screen and (min-width : $screen-lg-min) {
margin-right: 40px;
float: left!important;
}
}