[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet"><style>
.ship10 {
--sh1: 100px;   /* ширина и минимальная высота картинки */
--sh2: #ffffff; /* цвет карточки */
--sh3: 700px; /* максимальная ширина шаблона */
}

.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: justify; 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 class="ship10"><!-- START -->

<!-- ПЕРСОНАЖ_1 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://forumupload.ru/uploads/001c/36/55/3/36469.jpg)"></div>
  <div class="pers"> человек</div></div>
  <div class="namp"><a href="https://secretsofmermaids.rusff.me/viewtopic.php?id=16#p3773">Lewis McCartney </a></div>
  <p>
Выпустился из школы в мае 2010. Знает о русалках и скоро узнает о сиренах. Изобретатель, будущий учёный. <br> <b>Особенно ждут</b>: Зейн, Клео, Рикки, Эмма и Белла
  </p></div>

<!-- ПЕРСОНАЖ_2 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://forumupload.ru/uploads/001c/36/55/3/833908.jpg)"></div>
  <div class="pers">человек</div></div>
  <div class="namp"><a href="https://secretsofmermaids.rusff.me/viewtopic.php?id=16#p3087"> Sophie Benjamin </a></div>
  <p>
Сестра Уилла, того самого парня, что стал тритоном. Ещё не знает о подводном мире, но может скоро узнать. Охоча до богатых парней и чужих денег. <br> <b>Особенно ждут</b>: Уилл, Зейн, Рикки и Белла
  </p></div>

<!-- ПЕРСОНАЖ_3 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://forumupload.ru/uploads/001c/36/55/3/123654.jpg)"></div>
  <div class="pers"> тритон</div></div>
  <div class="namp"><a href="https://secretsofmermaids.rusff.me/viewtopic.php?id=108#p4452"> Соперник короля </a></div>
  <p>
Тритон из небольшой стаи, обитающей возле Мако. Давно мечтает выкрасть русалку для размножения, а также тот ещё засранец, желающий свергнуть Астариона и стать великом королём.
<br> <b>Особенно ждут</b>: Астарион и Лайла

  </p></div>

<!-- ПЕРСОНАЖ_4 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://forumupload.ru/uploads/001c/36/55/3/670667.jpg)"></div>
  <div class="pers"> сирена</div></div>
  <div class="namp"><a href="https://secretsofmermaids.rusff.me/viewtopic.php?id=16#p4003"> Злая самка</a></div>
  <p>
Одна из сирен, из небольшой группы, что приплыла на Мако. Мечтает захватить власть и свергнуть Иритель.
<br> <b>Особенно ждут</b>: Иритель и Альцион
  </p></div>

<!-- ПЕРСОНАЖ_5 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://forumupload.ru/uploads/001c/36/55/3/46853.jpg)"></div>
  <div class="pers"> человек</div></div>
  <div class="namp"><a href="https://secretsofmermaids.rusff.me/viewtopic.php?id=16#p1712"> Охотник на сирен </a></div>
  <p>
Тот, кто знаком с подводными тварями и мечтающий их уничтожить. Но что будет, если он познакомится с ними поближе?
<br> <b>Особенно ждут</b>: Иритель и Альцион
</p></div>

<!-- ПЕРСОНАЖ_6 -->
  <div class="karta"><div class="kartin"><div class="kart" style="background-image:url(https://forumupload.ru/uploads/001c/36/55/3/758403.jpg)"></div>
  <div class="pers"> человек</div></div>
  <div class="namp"><a href="https://secretsofmermaids.rusff.me/viewtopic.php?id=16#p9880"> Учёная </a></div>
  <p>
Та, кто знает о русалках всё и не остановится ни перед чем, чтобы раскрыть их секреты. Ведь это огромный прорыв в науке, а наука - это всё.  </p><br> <b>Особенно ждут</b>: Кэролайн и все русалки </div>

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