[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>.ship8 {
--sh1: 80px;   /* ширина и высота картинки */
--sh2: #718862;   /* цвет описания персонажа и рамки */
}

.ship8 {  max-width: 800px;  /*** ограничить ширину блока ***/
display:flex; flex-wrap: wrap; position:relative; left: 20px; overflow:hidden; width:100%; height:auto; box-sizing:border-box; padding-top: 10px; }
.ship8 * {box-sizing:border-box;}
/* весь блок карточки */
.shipp {display:flex; flex-direction: row; width: calc(100% - 14px); min-height: calc(var(--sh1) + 20px); margin-bottom: 28px !important; margin-right: 0px !important;}
.shipp:last-child {margin-bottom:0px !important;}
/* круг */
.krt {display:block; width: var(--sh1); height: var(--sh1); border-radius:50%; outline: 1px solid var(--sh2); outline-offset: 6px; margin: 6px 16px auto 10px !important;}
.kar {display:block; width: var(--sh1); height: var(--sh1); border-radius:50%; background: 50% 50% no-repeat transparent; background-size:cover;}
.namep, .namp {display:block; text-align: left;}
/* имя */
.namep {line-height:110%; font-family: 'Oswald', Tahoma, sans-serif; font-size: 20px;}
/* описание */
.namp {margin-top:4px !important; color: var(--sh2); font-size: 10px;}
/* текст */
.shipp p {display:block; padding:0 !important; margin-top:10px !important; font-family: Tahoma, Arial, sans-serif; line-height:130% !important; text-align: justify;}
</style><div class="ship8"><!-- START -->

<!-- ПЕРСОНАЖ_1 -->
<div class="shipp"><div class="krt">
   <div class="kar" style="background-image:url(https://forumavatars.ru/img/avatars/001 … 458175.png)"></div>
</div>
   <div><span class="namep"><a href="#"> Гейл Декариос</a></span>
   <div class="namp">Избранный Мистры (бывш.)</div>
   <p>
Человек, волшебник школы эвокации. Профессор академии в Уотердипе, состоит в Ордене Внимательных etc. Состоял в группе спасителей Врат Балдура и всего Побережья Мечей от порабощения иллитидами. Носит в себе нетерийскую сферу.
   </p></div></div>

<!-- ПЕРСОНАЖ_2 -->
<div class="shipp"><div class="krt">
   <div class="kar" style="background-image:url(https://forumavatars.ru/img/avatars/001 … 463060.png)"></div>
</div>
   <div><span class="namep"><a href="#">Астрид Хэрроу</a></span>
   <div class="namp">Ночная ведьма</div>
   <p>
Полуэльф, колдун договора клинка (покровитель - архифея). Наемница, искательница приключений. Копит деньги на воскрешение матери, бегает от вампира-отца.
   </p></div></div>

<!-- ПЕРСОНАЖ_3 -->
<div class="shipp"><div class="krt">
   <div class="kar" style="background-image:url(https://forumavatars.ru/img/avatars/001 … 453934.jpg)"></div>
</div>
   <div><span class="namep"><a href="#"> Аль-Узза</a></span>
   <div class="namp">Паладин Латандера</div>
   <p>
Высший эльф, паладин клятвы древних. Несет свет во славу Латандера.
   </p></div></div>

<!-- END --></div>[/html]