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

#ship8 {display:flex; flex-wrap: wrap; position:relative; overflow:hidden; width:100%; height:auto; box-sizing:border-box; padding-top: 10px;
  max-width: 700px;  /*** ограничить ширину блока ***/
}

/* весь блок карточки */
.shipp {display:flex; flex-direction: row; width: calc(50% - 14px); min-height: calc(var(--sh1) + 20px); box-sizing:border-box; margin-bottom: 28px !important; margin-right: 20px !important;} /* shipovnik */
.shipp:nth-child(2n) {margin-right: 0px !important;}
.shipp:nth-last-child(1), .shipp:nth-last-child(2) {margin-bottom:0px !important}

/* круг */
krt {display:block; width: var(--sh1); height: var(--sh1); border-radius:50%; margin-right: 8px !important; padding:8px; box-shadow: inset 0 0 0 1px var(--sh2);}
kartin {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: center;}

/* имя */
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 id="ship8"><!-- START -->

<!-- ПЕРСОНАЖ_1 -->
<div class="shipp"><krt>
   <kartin style="background-image:url(https://pp.userapi.com/c845020/v8450203 … nu1PeM.jpg)"></kartinin>
</krt>
   <div><namep><a href="#"> Имя Персонажа</a></namep>
   <namp>Описание персонажа</namp>
   <p>
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
   </p></div></div>

<!-- ПЕРСОНАЖ_2 -->
<div class="shipp"><krt>
   <kartin style="background-image:url(https://pp.userapi.com/c845020/v8450203 … nu1PeM.jpg)"></kartinin>
</krt>
   <div><namep><a href="#"> Имя Персонажа</a></namep>
   <namp>Описание персонажа</namp>
   <p>
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
   </p></div></div>

<!-- ПЕРСОНАЖ_3 -->
<div class="shipp"><krt>
   <kartin style="background-image:url(https://pp.userapi.com/c845020/v8450203 … nu1PeM.jpg)"></kartinin>
</krt>
   <div><namep><a href="#"> Имя Персонажа</a></namep>
   <namp>Описание персонажа</namp>
   <p>
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
   </p></div></div>

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

[dice]count = 1 | sides = 100 | bonus = 0 | reason = [/dice]