ВЕРХОВНЫЕ УПОКОИТЕЛИ ЭФРИША
Упокоители - первые жрецы храмов Абомины. Каждый из них представляет свою сферу влияния и видит светлое будущее государства по-своему. Однако, каждому из них приходится прислушиваться к прочим названным своим братьям и сестрам. Неизменные с самого основания Эфриша, для простых людей они являются воплощением Ликов Мерзости.

[html]<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<style>
  .ship {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    width: 650px;
    height: 250px;
    margin: 2em auto auto 2em;
    padding: 40px 0;
    background: #171b1c;
    position: relative;
  }

  /* Общий стиль для изображений */
  .shimg {
    width: 300px;
    height: 350px;
    margin: -50px auto;
    background-size: cover; 
    background-position: center;
  }

  .shimg1 {
    order: 2; /* Изображение справа */
  }

  .shimg1::after {
    display: block;
    content: "";
    background: transparent;
    width: 0;
    height: 0;
    margin-right: 92px;
    margin-top: -2px;
    border-left: 60px solid #171b1c;
    border-bottom: 275px solid transparent;
  }

  .shimg2 {
    order: 1; /* Изображение слева */
  }

  .shimg2::after {
    display: block;
    content: "";
    background: transparent;
    width: 0;
    height: 0;
    margin-left: 241px;
    margin-top: -2px;
    border-right: 60px solid #171b1c;
    border-bottom: 275px solid transparent;
  }

  /* Остальные стили... */
 
  .stx1 {
    order: 1;
    width: 370px;
    box-sizing: border-box;
    text-align: center;
    line-height: 130%;
    font-size: 11px;
    padding: 0 0 0 26px;
  }

.stx1 h5 {
    margin: 0 auto;
    padding: 0 20px;
    line-height: 150%;
    font-style: normal !important;
    font-weight: 100;
    font-size: 34px;
    font-family: "Dancing Script", Times New Roman, serif;
    color: #b8b2a8;
    text-shadow: 0 0 3px #000, 0 0 20px #b8b2a8;
}

.stx1 em {
    display: block;
    padding: 4px 0 18px 0;
    font-family: Georgia, Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    font-style: italic !important;
    color: #636363;
}

  .stx2 {
    display: block;
    overflow: auto;
    max-height: 120px;
    text-align: justify;
    padding-right: 10px;
    text-shadow: 0 0 2px #000;
    color: #949494;
  }

  .stx2::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: transparent;
  }

  .stx2::-webkit-scrollbar-thumb {
    background: #232323;
  }

  .footer-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    color: #b8b2a8;
    background-color: #171b1c;
    padding: 5px 0;
    letter-spacing: 1px;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.5);
  }

.scroll-text-container {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    width: 650px;
    min-height: 150px; /* Минимальная высота */
    height: auto;
    margin: auto auto auto 2em;
    padding: 10px 10px 10px 10px;
    color: #b8b2a8;
    background: #171b1c;
    position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Тень */
  }

@media (max-width: 540px) {
  .ship {
      flex-direction: column; /* Убедитесь, что элементы располагаются вертикально */
      align-items: center; /* Центрируйте элементы по горизонтали */
      width: 100%; /* Ширина 100% для мобильного */
      height: auto; /* Высота авто для адаптации */
      margin: 20px auto auto auto;
      padding: 20px 0; /* Установите отступы для контейнера */
  }

    .shimg {
      order: 1;
      width: 100px !important;
      height: 100px !important;
      max-width: 100px;
      max-height: 100px;
      border-radius: 50%;
      background-size: cover !important;
      background-position: center;
      margin: 0 auto 10px auto;
    }

    .shimg1::after, .shimg2::after {
        display: none !important; /* Убедитесь, что треугольники скрываются */
    }

    .stx1 {
      order: 2;
      width: 90%;
      font-size: 12px;
      padding: 10px;
    }

    .stx1 h5 {
      font-size: 24px;
    }

    .stx1 em {
      font-size: 12px;
    }

    .stx2 {
      font-size: 12px;
      max-height: none;
      overflow: visible;
    }

    .footer-text {
      font-size: 12px;
    }

.scroll-text-container {
    width: 100%; /* Ширина 100% */
    min-height: 150px; /* Минимальная высота */
    height: auto;
    margin: 0; /* Убедитесь, что нет внешних отступов */
    padding: 40px 10px 10px 10px; /* Установите одинаковый внутренний отступ */
    box-sizing: border-box; /* Включите это свойство */
    background: #171b1c; /* Добавьте цвет фона, чтобы лучше видеть контейнер */
    color: #b8b2a8; /* Цвет текста */
}
}
</style>
  <div class="ship">
    <div class="shimg shimg2" style="background-image: url('https://forumupload.ru/uploads/001c/0c/35/6/581029.png');
                 background-size: contain;"></div>
    <div class="stx1">
      <h5>Верховный Отец</h5>
      <em>Внешность не имеет значения</em>
      <div class="stx2">
        Некромант. Мужчина. Духовный наставник и посредник Верховных Упокоителей.
      </div>
    </div>
    <div class="footer-text">Общие сведения о персонаже </div>
  </div>
  <div class="scroll-text-container">
      <div>
         Верховный Отец — тот, вокруг кого когда-то объединились шестеро некромантов, нашедших убежище в бесплодных землях пустыни Эфа. Старший среди них, он стал идейным вдохновителем своих спутников, поддерживая их в минуты утрат, отчаяния и тяжких испытаний. Даже ныне Верховный Отец остается тем, кто способен утихомирить разногласия между жрецами, часто выступая в роли посредника в спорах.
Хотя он не обладает формальной властью, его влияние на каждого из Верховных Упокоителей трудно переоценить, ибо уважение к нему сохраняется неизменным. Резиденция Верховного Отца расположена неподалеку от храма Отвращения, напоминая о его близости как к обителям веры, так и к сердцам тех, кто когда-то последовал за ним.
      </div>
  </div>

  <div class="ship">
    <div class="shimg shimg1" style="background-image: url('https://forumupload.ru/uploads/001c/0c/35/6/137749.png');"></div>
    <div class="stx1">
      <h5>Владыка Ненависти</h5>
      <em>Внешность не имеет значения</em>
      <div class="stx2">
        Некромант, Верховный Успокоитель Эфриша, первый жрец храма Гнева. Предпочтительно мужского пола. Жестокий и вспыльчивый.
      </div>
    </div>
    <div class="footer-text">Общие сведения о персонаже </div>
  </div>
  <div class="scroll-text-container">
      <div>
          Владыка Ненависти — верховный жрец храма Гнева. Ему подчиняется вся армия в государстве. Он и его солдаты стоят на границах и охраняют покой жителей чёрных песков Эфы от посягательств недружелюбных соседей. В рядах его армии служат не только некроманты, но и простые люди и, в отличии от множества других храмов, простые люди здесь нередко занимают высокие военные чины.
Вы можете выбрать любое прошлое для своего персонажа до 1095 года.
Вы можете выстраивать взаимоотношения с прочими братьями и сестрами на свое усмотрение, однако с жрецом храма Страха у вас явно вырисовывается конфликт, так как оба вы претендуете на выпускников школы Стервятника (некромантов, специализирующихся на военной подготовке и поднятие мёртвых), а также часто сталкиваетесь по части внешней политики и разведки.
      </div>
  </div>

  <div class="ship">
    <div class="shimg shimg2"
         style="background-image: url('https://forumupload.ru/uploads/001c/0c/35/6/713535.png');
                margin-top: 0px; /* опускайте или поднимайте (-10px) изображение на 10 пикселей */
                background-size: contain; /* заполнение всем телом картинки. альтернатива cover*/"></div>
    <div class="stx1">
      <h5>Архонт Тщеславия</h5>
      <em>Внешность не имеет значения</em>
      <div class="stx2">
        Некромант, Верховный Успокоитель Эфриша, первый жрец храма Гордыни. Пол не важен. Хитёр и дальновиден.
      </div>
    </div>
    <div class="footer-text">Общие сведения о персонаже</div>
  </div>
  <div class="scroll-text-container">
      <div>
         Архонт Тщеславия — верховный жрец храма Гордыни. Его храм заведует торговлей и финансами всего государства, их распределением, а также налогами. Архонту подчиняются каперы острова Варда и Перри, которые пополняют Эфриш нужными тому товарами, которыми соседние государства не желают торговать с некромантами. Только храм Гордыни может позволить торгавать и он же может отозвать ярлык на торговлю.
Он мало задумывается о воле Шестиликого и меньше всего прислушивается к своим братьям и сёстрам.
Вы можете выбрать любое прошлое для своего персонажа до 1095 года.
Вы можете выстраивать взаимоотношения с прочими братьями и сестрами на свое усмотрение, однако у вас скорее всего натянутые отношения с Армариусом Суда.
      </div>
  </div>
  <div class="ship">
    <div class="shimg shimg1" style="background-image: url('https://forumupload.ru/uploads/001c/0c/35/6/785198.png');"></div>
    <div class="stx1">
      <h5>Викарий Разложения</h5>
      <em>Внешность не имеет значения</em>
      <div class="stx2">
Некромант, Верховная Успокоительница Эфриша, первый жрец храма Отвращения. Женского пола. Надменна и фанатична.
      </div>
    </div>
    <div class="footer-text">Общие сведения о персонаже </div>
  </div>
  <div class="scroll-text-container">
      <div>
          Викарий Разложения — верховная жрица храма Отвращения. Её храм заведует религиозной составляющей Эфриша, на которой зиждутся устои государства. В её храме живёт аватара шести Мерзостей — Шестиликое. Она ухаживает за ним, слушает и разгадывает его пророческие речи (говорить с Шестиликим может любой из жрецов, но разгадывает его речи лишь Викарий). По ликам божества она распознает, если что-то случилось с другими жрецами-упокоителями.
Выглядит, как девочка не старше четырнадцати лет. Её юная внешность обманчива: ей, как и прочим жрецам-упокоителям больше трёх столетий.
Вы можете выбрать любое прошлое для своего персонажа до 1095 года.
Вы можете выстраивать взаимоотношения с прочими братьями и сестрами на свое усмотрение, однако у вас сложности в отношении своей сестры, Госпожи Слёз (храм Пчали).
      </div>
  </div>

  <div class="ship">
    <div class="shimg shimg2" style="background-image: url('https://forumupload.ru/uploads/001c/0c/35/6/80624.png');
                 background-size: contain;"></div>
    <div class="stx1">
      <h5>Армариус Суда</h5>
      <em>Внешность не имеет значения</em>
      <div class="stx2">
        Некромант, Верховный Успокоитель Эфриша, первый жрец храма Стыда. Пол не важен. Неподкупный и идейный.
      </div>
    </div>
    <div class="footer-text">Общие сведения о персонаже </div>
  </div>
  <div class="scroll-text-container">
      <div>
         Армариус Суда — жрец храма Стыда и Верховный Судья Эфриша. Именно он может рассудить самые сложные споры. Именно он выбирает во время празднества Ложа Стыда тех, кто достоин быть освобожденным. Он же может наложить вето на выбор жрецов Гнева во время праздника Длани Ярости, если почувствует в их выборе дать шанс на освобождение заключенному злой умысел.
Считает закон превыше всего, неподкупен (но слабости и соблазны у него тоже могут быть). По этой причине у него явно напряженные отношения с Архонтом Тщеславия, не являющимся столь же принципиальным.
Вы можете выбрать любое прошлое для своего персонажа до 1095 года.
Вы можете выстраивать взаимоотношения с прочими братьями и сестрами на свое усмотрение.
      </div>
  </div>
[/html]

⚜ Пожелания: Вы можете придумать любое прошлое до 1095 года. Но итогом его станет то, что пути семерых некромантов (будущих 6 жрецов-упокоителей и примеряющий их Верховный Отец) сошлись. Обстоятельства заставили их покинуть родной дом и отправится вместе с уродливым монстром-аватарой на самый юг континента, в чёрные пески пустыни Эфа, где со временем они основали своё государство - Эфриш.
⚜ Связь: ЛС, телеграмм