[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">
<style>#ship1 {display: block;
    padding: 50px;
    background: #000;
    background-image: url(https://forumstatic.ru/files/001b/1a/1c/24072.jpg);
    background-size: cover;
    max-width: 600px;
    box-sizing: border-box;} /* shipovnik */

/* БЛОК АВАТАРОК */
.shiprs {
display: block;
    border-top: 1px solid #778725a1;
    text-align: center;
    margin: 35px auto auto;
}

/* АВАТАРКИ КАРТИНКИ */
.shiav {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #000;
    margin: auto 10% auto auto;
    border: 1px solid #878524;
    transform: translate(0%, -50%);
    transition: all 0.3s ease;
    background-position: 50% 50%;
    background-size: cover;
}
.shiav:last-child {margin-right:0px;}
.shiav:hover {transition: all 0.3s ease; transform: scale(1.2) translate(0%, -40%);}

/***   ЗАГОЛОВОК   ***/
#ship1 > em {
    display: block;
    margin: -32px auto 2px auto;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 2px;
    font-family: viaoda libre !important;
    font-size: 25px;
    color: rgb(242 221 99 / 54%) !important;
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%) !important;
    -webkit-background-clip: text !important;
    text-shadow: -1px 1px 0 rgb(4 4 4 / 80%) !important;
}

/***   БЛОК ТЕКСТА   ***/
#ship1 > .btext {
    padding: 0 20px 8px;
    font-size: 12px;
    color: #949494;
    font-family: open sans;
    text-align: right;
    background-color: #1d4d0e75;
    backdrop-filter: blur(10px);
}

/***   ПЕРСОНАЖИ   ***/
.btext > p {
  margin:auto !important;
  padding-bottom: 2px !important;
  text-align:center;
  font-style:normal;
  font-size:14px !important;
  color:#bebebe;
    font-family: viaoda libre !important;
}
</style>

        <div id="ship1"><div class="shiprs">
          <!--   ЗДЕСЬ КАРТИНКИ   -->
          <div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/0c/ … 412383.jpg)"></div>
          <div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/0c/ … 569552.jpg)"></div>
          <div class="shiav" style="background-image:url(https://forumupload.ru/uploads/001b/0c/ … 229378.jpg)"></div>
          </div>

        <em>Aequo animo qui malis miscetur, est malus. </em>

        <div class="btext"><p>

   —   Зефир  —   Рене

        </p>

Кого только не встретишь на улицах Солгарда.

        </div></div>
[/html]