Как сделать такое обтекание текста для картинок?

Question

Не подскажите как лучше всего реализовать такое обтекание текста. Мне нужно его сделать с учетом того, что потом он будет стоять на CMS, и section.content нужно будет добавлять в разной области сайта. И при добавлении контента в .content__blog, нужно чтобы .content__text обтекал .content__image в зависимости от ситуации.

Первая Вторая

.content{
    padding: 45px 0;
    background-color: #fff;
}
[class*="__container"]{
    width: 100%;
    padding-left: 101px;
    padding-right: 52px;
}
.content__blog{
    width: 60%;
    margin-bottom: 40px;
}

.content__blog:last-child{
    margin-bottom: 0;
}

.content__image{
    float: left;
    margin-top: 20px;
    padding-right: 20px;
}

.content__header{
    font-size: 40px;
    line-height: 55px;
}

.content__text{
    font-size: 18px;
    line-height: 30px;
    padding-top: 20px;
}

<section class="content">

    <div class="content__container">

        <div class="content__blog">

            <div class="content__header">H2 Технология эпиляции александритовым лазером Candela Gentlelase Pro</div>
            <div class="content__image"><img src="https://strive-up.github.io/Medestetic/img/content/image-1.png" alt=""></div>
            <div class="content__text">Лазер оказывает воздействие на меланин, являющийся тёмным пигментом волоса – это приводит к разрушению его структуры. Перед началом процедуры специалисту нужно осмотреть волосяную область, чтобы оценить глубину роста и качество волос. Это необходимо для подбора подходящей интенсивности излучения.</div>    
            <div class="content__text">В процессе проведения процедуры лазерное излучение проникает на глубину 755 нм, где волосяная луковица испаряется без повреждения расположенных рядом тканей и риска перегрева. На этом участке создаётся пробка, предупреждающая дальнейший рост волоса.</div>
            <div class="content__text">Эффект от процедуры депиляции сохраняется на протяжении 1-1,5 месяцев, а после необходимо провести повторный сеанс. В среднем продолжительность каждой процедуры составляет 30-60 минут. Наличие охлаждающей системы позволяет избавить клиента от болевых ощущений и появления ожогов, поэтому реабилитация не требуется.</div>

        </div>

    </div>

</section>

БЛОГ НА HUSL

Как сделать такое обтекание текста для картинок?

Ответы (0 шт):