[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
  --s6m: auto;  /* отступ от левого края, auto - для центровки */
  --shav1: 150px; /* ширина аватара */
  --shav2: 150px; /* высота аватара */
  --shclr: #9fb1c3; /* границы */
  --shbg: rgba(255, 255, 255, 0.17); /* фон блока с текстом */
}
.ship6 {max-width:800px;  /* ограничиваем ширину блока*/
position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0; margin: auto auto auto var(--s6m);}
.ship6 * {box-sizing:border-box;}
.ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
.ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
.ship6 .sh2 {display:grid; grid-template-columns: auto 1fr;}
.ship6 .sh2 {order:1; min-width:200px; min-height:100px;}
/* блок текста */
.ship6 .sh3 {order:2; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px; line-height: 120%; font-size: 11px; min-height:64px; min-width:100px;}
/* аватар */
.ship6 .ava {order:1; display: block; object-fit: cover; object-position: 50% 50%; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); outline-offset:5px; margin:6px; width:var(--shav1); height:var(--shav2);}
/* никнейм */
.ship6 .ava2 {order:2; padding: 10px; min-width:90px; max-width:180px; font-size:10px;}
.ship6 .ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600; font-size: 16px; text-transform: uppercase; font-family: 'Roboto Condensed', Tahoma, sans-serif;}
/* четные блоки */
.ship6 .ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
.ship6 .sh1:nth-child(2n) .sh3 {order:-1;}
.ship6 .sh1:nth-child(2n) .ava2 {order:-1; text-align:right;}
.ship6 .sh1:nth-child(2n) .ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
.ship6 .sh1:nth-child(2n) .sh2 {grid-template-columns: 1fr auto;}
</style><div class="ship6"><!-- НАЧАЛО -->

<!-- ПЕРВЫЙ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001c/36/55/6/976192.gif"><div class="ava2">
  <em><a href="https://secretsofmermaids.rusff.me">МЭР</a></em>
Chris Evans, 35+
  </div></div><div class="sh3">
Ты неспроста стал мэром этого довольно мистического города для Австралии. Поговаривают, что кроме пауков и прочей живности здесь водятся русалки. Ты слышал об этих легендах.  Это твой первый год на новой должности, и тебе во многом придётся разобраться. <br><br>Возможно, ты человек, который крайне заинтересован в том, чтобы разгадать тайну подводных жителей. Ведь подобный секрет может принести много денег и обогатить тебя и твой город.  Возможно, ты и сам один из тритонов, изгнанный и запечатанный, поэтому ты ищешь способы вернуть то, что твоё по праву.
  </div></div>

<!-- ВТОРОЙ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001c/36/55/6/195702.gif"><div class="ava2">
  <em><a href="https://secretsofmermaids.rusff.me">Учёная</a></em>
Jennifer Connelly, 27+
  </div></div><div class="sh3">
Ты гениальнейшая учёная, в руки которой попали материалы доктор Денман. Ну той чокнутой докторши, которая сначала сообщила учёному сообществу, что русалки существуют, а затем резко отклонила все материалы, написав, что ошиблась. Ты не веришь в подобную ошибку, и считаешь, что той хорошо заплатили за молчание. Ты приехала в Брисбен месяц назад вместе со своей группой и планируешь всё изучить. Ты хочешь докопаться до истины, и мэр тебе в этом поможет. <br><br> Ты дочь богатых родителей, поэтому тебе не нужны спонсоры, главное, чтобы родители не посчитали, что ты тратишь их деньги зря.
  </div></div>

<!-- ТРЕТИЙ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001c/36/55/6/509702.gif"><div class="ava2">
  <em><a href="https://secretsofmermaids.rusff.me">Директриса школы</a></em>
Kerith Atkinson, 35+
  </div></div><div class="sh3"> Занятa
Ты талантливая русалка, получившая лунное кольцо русалок в 17 лет. Ты хорошо владеешь своими силами, и у тебя было большое подводное будущее, но...
<details>
Но тебя изгнали из стаи Мако почти 20 лет назад из-за того, что ты полюбила человека. Ты ушла к нему на сушу, и некоторое время вы жили счастливо. Он помог тебе адаптироваться, ты выучилась и решила стать преподавательницей. Вы должны были пожениться, но мужчина бросил тебя за неделю до свадьбы со словами: "извини, но ты рыба, а я хочу нормальную девушку". Это было очень больно, но ты уже привыкла к земной жизни, чтобы возвращаться. Ты продолжила строить карьеру и жить в двух мирах. Ты знаешь многое об обращённых и прибрежных русалках, и искусно прячешься, когда видишь их в море. <br><br> Сейчас ты директриса школы, где учатся несколько обращённых русалок и тритонов и готова защищать своих. У тебя огромный дом с потайным ходом и пещерой внутри с выходом в море. Ты та самая русалка, что приспособилась к жизни на земле. К тебе же приплывают юные русалки, желающие защитить остров Мако от обращённых тритонов. <br><br>Имя можно взять Rita Santos (за основу взят канон "Тайн Острова Мако", но знать его не обязательно), либо изменить совсем. </details>
</div></div>

<!-- четвертый-->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001c/36/55/6/391340.gif"><div class="ava2">
  <em><a href="https://secretsofmermaids.rusff.me">Охотник на подводных</a></em>
Karl Urban, 40+
  </div></div><div class="sh3">
Ты тот самый чокнутый "убийца". Твой отец был рыболовом, и однажды он поймал сильнейшее странное подводное существо, которое походило на человека. Ты видел его собственными глазами. Отец уже хотел раскрыть миру тайну о глубине, но другие пришли и убили его, забрав с собой труп-доказательство. Ты вырос и желаешь им отомстить. Тебе плевать, что почти никто их не видел и не слышал, тебе важно одно: чтобы они все сдохли. Даже если придётся взорвать море. Ты приехал в Брисбен несколько дней назад, потому что до тебя дошёл слух о...
  </div></div>

<!-- пятый-->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001c/36/55/6/80815.gif"><div class="ava2">
  <em><a href="https://secretsofmermaids.rusff.me">Бармен</a></em>
Andrew Garfield, 29+
  </div></div><div class="sh3">
Занят. Ты весельчак и хозяин самого крупнейшего бара в Брисбене. Ты невероятно хорош в своём деле. Добился ли ты всего сам, или бар достался тебе в наследство от отца - только ты знаешь это. <details>
Ты настолько обожаешь свою работу, что периодически подрабатываешь барменом. Ты обожаешь чужие истории и знаешь столько легенд и историй о русалках, сиренах, кракене, Посейдоне, что уже не знаешь, где правда, а где ложь. Но, кто знает, может вскоре ты узнаешь ответы на некоторые загадки. </details>
</div></div>

<!-- шестой-->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001c/36/55/6/597432.gif"><div class="ava2">
  <em><a href="https://secretsofmermaids.rusff.me">Официантка в баре</a></em>
Emma Stone, 22+
  </div></div><div class="sh3">
Ты невероятно классная и крутая девчонка, которая не определилась с каким цветом волос тебе больше идёт. В один день ты яркая заводная блондинка, в другой день - рыжая покорительница сердец. Ты работаешь в баре, возможно где-то учишься и подрабатываешь здесь. Но больше всего ты любишь слушать истории о русалках и сиренах, ведь твоя мама погибла в море. Ты хочешь разгадать эту загадку, понять, правда ли, существует жизнь под водой. И только тебе решать, захочешь ли ты стать одной из них или, напротив, захочешь бороться с ними, как с тварями.
  </div></div>

<!-- КОНЕЦ --><div>[/html]