[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet">
<style>#ship3 {display:flex; align-items: center; box-sizing: border-box; overflow: hidden; margin:auto auto auto 2em; padding: 20px 0; background: url(https://i.imgur.com/kb2uWne.png) calc(100% + 330px) 50% no-repeat #f3ebd5; width:480px; height:250px;} /* shipovnik */
.shipimg {background: 50% 50% no-repeat; background-size: cover; width:150px; height:250px; margin:-20px auto;}
.shipimg::after {display: block; content: ""; background: transparent; width: 0; height: 0; margin-left: 92px; margin-top: -6px; border-right: 60px solid #f3ebd5; border-top: 258px solid transparent;}
.shipro {width: 100%; box-sizing: border-box; text-align: center; line-height: 130%; color:#000; font-size:11px; padding: 0 20px 0 10px;}
/* ИМЯ ПЕРСОНАЖА */
.shipro > h5 {display:block; padding-bottom: 14px; margin-bottom:14px; font-weight:400;
font-family: 'Alegreya SC', Times New Roman, serif;
font-size:22px;
border-bottom: 1px dotted #c0aa8c;
}
.shiph1 {display: block; overflow: auto; padding-right: 4px; max-height: 160px;}
.shiph1::-webkit-scrollbar {width: 4px; height:4px; background-color: transparent;}
.shiph1::-webkit-scrollbar-thumb {background: #cec1a9;}
/* ПЕРЕЧИСЛЕНИЕ ХАРАКТЕРИСТИК */
.shiph2 {
font-family: 'Alegreya SC', Times New Roman, serif;
font-size:16px;
font-weight:700;
}
</style>
<div id="ship3">
<div class="shipimg" style="background-image: url(https://forumupload.ru/uploads/0014/50/3d/2/710802.jpg);"></div><div class="shipro">
<h5>Шторм на маяке</h5>
<div class="shiph1"><!-- БЛОК ТЕКСТА -->
<span class="shiph2">16 сентября 76 год</span> <br><br>
<span class="shiph1">Маяк</span><br><br>
<span class="shiph2">Дан, Шорох</span> <br><br>
В погожий выходной денёк Макс решил выдохнуть и прогуляться таки до маяка. Большая часть ремонта у Ярославы закончена, остались мелкие недоделки, которые не мешают жить. Так что в эти выходные у него отдых от всего. Почему бы не сходить на маяк? Встреча там с Даном, первым встреченным в новом мире человеком, стала приятным сюрпризом. Прекрасная погода внезапно сменяется сильной грозой...
<!-- КОНЕЦ БЛОКА ТЕКСТА --></div></div></div>
[/html]