JSFiddle - React, Tailwind, and code Playground

HTML

<img class="right" src="https://southcoastherald.co.za/wp-content/uploads/sites/52/2018/09/beach-2179624_960_720.jpg">
  <h1>
    Нужно создать «хитрое» обтекание блоков текстом, флекс?
  </h1>

  <aside>
    <h2>
      «хитрое» обтекание
    </h2>
    <p>
      Существует несколько названий, которые различные народы давали данному острову на протяжении всей истории. В частности, гуанчи называли его «Achinet» (Ачинет) или «Chenet» (Чинет), — в различных литературных источниках встречаются либо тот, либо другой вариант. Древние римляне называли его «Nivaria» (Нивария) от латинского слова nix (Никс), означавшего снег, что даёт чёткое указание на заснеженный пик вулкана Тейде[7]. Древнеримский политический деятель и адвокат Плиний Младший (I век) приводит рассказ об экспедиции, которую берберский король Юба II послал на Канарские острова и Мадейру. </p>
    <p>

      Среди других диковин та привезла оттуда огромных собак, которых они называли canaria, за что и сами острова получили название Канарских от латинского слова canis (собака)[8][9]. С другой стороны, на некоторых картах XIV—XV веков данный остров встречался под названием «Isla del Infierno» (Исла дель Инферно), буквально переводящееся как «Остров Ада», что, вероятно, опять же связано с вулканической активностью вулкана Тейде.
    </p>
  </aside>

  <section>
    <p>
      Смысл вопроса - есть 3 блока, один - основной, собственно тело новости, по дизайну в нем основная картинка прилеплена вправо, текст ее просто обтекает. Тут все просто и понятно. Далее интересность - под картинкой, вдоль правой части должен располагаться сайдбар, который тоже должен обтекаться текстом. Вертикального разрыва между картинкой и этим блоком быть не должно, так что просто вставить в текст "в нужном месте" такой модуль не получится. Каки есть идеи, а то чет я не настолько в верстке продвинутый и никак не соображу как это сверстать...
    </p>
    <p>
      Смысл вопроса - есть 3 блока, один - основной, собственно тело новости,...

CSS

.right {
  float: right;
  width: 30%;
  height: 200px;
  object-fit: cover;
}

aside {
  float:right;
  clear:right;
  width: 40%;
  padding: 0 0.3rem;
  padding-top: 0;
  background: lightgray;
}

aside h2 {
  background: lightgreen;
  margin-top: 0;
}