/* Общие стили для изображений CKEditor */
.ck-content figure.image {
    display: table;          /* помогает margin:auto работать */
    clear: both;             /* предотвращает обтекание предыдущих элементов */
    margin: 1em auto;
}

.ck-content figure.image img {
    display: block;
    width: 100%;
    height: auto;
}

/* === Выравнивание === */

/* Лево */
.ck-content .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
    float: left;             /* обтекание текстом справа */
}

/* Право */
.ck-content .image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
    float: right;            /* обтекание текстом слева */
}

/* Центр */
.ck-content .image-style-block-align-center {
    margin-left: auto;
    margin-right: auto;
    float: none;             /* чтобы не обтекалось */
    text-align: center;      /* влияет на подписи (figcaption) */
}

/* Чтобы подписи под изображениями были корректно выровнены */
.ck-content figure.image figcaption {
    caption-side: bottom;
    text-align: inherit;
    font-size: 0.9em;
    color: #555;
}

/* Для адаптивности: чтобы контент под картинками не ломался */
.ck-content::after {
    content: "";
    display: block;
    clear: both;
}