[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet"><style>
#ship10 {
--sh1: 120px;   /* ширина и минимальная высота картинки */
--sh2: #494d5c; /* цвет карточки */
--sh3: 100%; /* максимальная ширина шаблона */
}
#ship10 {display:flex; flex-wrap: wrap; position:relative; width:100%; height:auto; box-sizing:border-box; padding: 8px 0 0 8px;
max-width: var(--sh3);} #ship10 * {box-sizing:border-box; /*shipovnik*/}
#ship10 .karta {display:block; width: calc(50% - 20px); text-align: left; margin-right: 30px !important; margin-bottom: 28px !important;}
#ship10 .karta:nth-child(2n) {margin-right: 0px !important;}
#ship10 .karta:last-child {margin-bottom: 8px !important;}
#ship10 .kartin {display:inline-block; float:left; padding: 10px 10px 8px 10px; margin: auto 10px 4px auto !important; width: calc(var(--sh1) + 20px); height:auto; transform: rotate(4deg); text-align:center; background: var(--sh2); box-shadow: 0 1px 4px rgba(0,0,0,0.35);}
#ship10 .kart {display:block; width: var(--sh1); height: var(--sh1); background: 50% 50% no-repeat transparent; background-size:cover;}
#ship10 p {display: inline; padding: 0 !important; margin: 0px !important; text-align:justify; line-height:120%;}
/* описание в карточке */
#ship10 .pers {display:block; margin-top: 10px !important; word-wrap: break-word; line-height: 110%; font-style: italic; font-family: Arial, Tahoma, sans-serif; font-size: 12px;}
/* имя персонажа в ссылке */
#ship10 .namp {display:block; text-align:center; margin-bottom: 10px !important; line-height: 110%; font-family: 'Oswald', Tahoma, sans-serif; font-size: 22px;}</style>
<div id="ship10"><!-- START -->

<!-- ПЕРСОНАЖ_1 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://i.ibb.co/HzkSWnm/2180270.png)"></div>
  <div class="pers"> Викторианская <br> Эпоха Современные Ночи</div></div>
  <div class="namp"><a href="https://vtmyork.rusff.me/viewtopic.php?id=27#p102"> Конрад </a></div>
  <p>
Тремер VI поколения. Послушник III Круга Таинств. Чайлд Примагена Клана.
  </p></div>

<!-- ПЕРСОНАЖ_2 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://i.ibb.co/4P4JcTz/image.jpg)"></div>
  <div class="pers"> Тёмные Века <br>  Викторианская Эпоха <br> Современные Ночи</div></div>
  <div class="namp"><a href="https://vtmyork.rusff.me/viewtopic.php?id=32#p130"> Хаккон </a></div>
  <p>
Вентру V поколения. Чайлд Митры. Князь Йорка с 1266 года.
  </p></div>

<!-- ПЕРСОНАЖ_3 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://forumupload.ru/uploads/001b/a5/6c/8/450755.jpg)"></div>
  <div class="pers"> Современные Ночи</div></div>
  <div class="namp"><a href="https://vtmyork.rusff.me/viewtopic.php?id=34#p144"> Тимоти Блэк</a></div>
  <p>
Тремер  X поколения. Послушник I Круга Таинств.
  </p></div>

<!-- ПЕРСОНАЖ_4 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://forumavatars.ru/img/avatars/001 … 801213.jpg)"></div>
  <div class="pers"> Современные Ночи</div></div>
  <div class="namp"><a href="https://vtmyork.rusff.me/viewtopic.php?id=35#p145"> Эмили Шен</a></div>
  <p>
Ласомбра  IX поколения. Оперативник Черной Руки под прикрытием.
  </p></div>
<!-- END --></div>[/html]