[html]
<style type="text/css">
HTML, BODY {
  background-image: url("https://i.pinimg.com/736x/00/93/43/009343971f1af4261a60b91f006d85ba.jpg"); /* замените на свой URL */
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
}
</style>
<style type="text/css">
#pun-title table {
  background-image: url("https://i.pinimg.com/1200x/70/b2/b9/70b2b98d76548eb4512549a936c311d1.jpg");
  background-repeat: no-repeat;           /* не повторять изображение */
  background-size: cover;               /* заполнить весь блок без пустых зон */
  background-position: center;           /* центрировать изображение */
  height: 150px;
  width: 100%;
  border: none;                         /* убрать рамку (если есть) */
  padding: 0;                         /* убрать внутренние отступы */
  margin: 0;                          /* убрать внешние отступы */
}
</style>

<script type="text/javascript">
var a = 'Лихие Звездные';
$('#pun-title h1 span').html(a)
</script>
</head>

<div>
  <div style="
    background-image: url('https://i.pinimg.com/1200x/f7/5c/bb/f75cbb9b9f3e246b95b9cdda092eb35e.jpg'); /* URL изображения */
    background-size: cover;            /* заполнить весь блок */
    background-position: center;        /* центрировать изображение */
    background-repeat: no-repeat;     /* не повторять изображение */
    padding: 10px;
    text-align: center;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
  ">
   ОБЩАЯ ВВОДНАЯ
  </div>
</div>
<div style="
  width: 100%;
  overflow: hidden;
  border: 15px solid #000000;     /* Рамка вокруг всего блока */
  padding: 10px;             /* Отступы внутри блока от рамки до содержимого */
  background-color: #000000; /* Фоновый цвет (опционально) */
">
 
   
  <p style="
  margin-top: 0;
  font-size: 13px;     /* Размер шрифта (можно задать в px, em, rem, %) */
  color: #f9f9f9f9;    /* Цвет текста (шестнадцатеричный код) */
">
  Армия птинч, несмотря на изоляцию от внешнего мира по прежнему остается одной из самых сильных во всей галактике. Корабли, снаряжение и прочие атрибуты птинч может быть и устарели еще со времен Великой Войны. однако по прежнему остаются надежными средствами сдерживания, с которыми стоит считаться.   
</p>

<p style="
  margin-top: 0;
  font-size: 13px;     /* Размер шрифта (можно задать в px, em, rem, %) */
  color: #f9f9f9f9;    /* Цвет текста (шестнадцатеричный код) */
">
  До вторжения разрушителей у империи птинч, как и у других космических держав не было единой армии. Существовали силы самообороны у некоторых планет а также местные ополчения, однако единой централизованной структуры не было. В первые циклы вторжения разрушителей основной удар пришелся именно на колонии птинч. Из-за отсутствия координации планеты по сути оставались сами по себе, способные держать лишь глухую оборону, которую они рано или поздно проиграли бы. Указом императрицы Шани о "Священной войне" был сформирован единый штаб армий империи. Не смотря на типичную для птинч очень долгую подготовку и консультации с Великими Колоннами, штаб был сформирован в крайне короткие сроки.

<p style="
  margin-top: 0;
  font-size: 13px;     /* Размер шрифта (можно задать в px, em, rem, %) */
  color: #f9f9f9f9;    /* Цвет текста (шестнадцатеричный код) */
">
  Благодаря формированию штаба на планете Сьянти а также лучшей в галактике связи, птинч удалось перехватить инициативу и скооперировавшись с другими империями отбросить разрушителей.
</p>

<p style="
  margin-top: 0;
  font-size: 13px;     /* Размер шрифта (можно задать в px, em, rem, %) */
  color: #f9f9f9f9;    /* Цвет текста (шестнадцатеричный код) */
">
  Вооруженные силы империи существуют и по сей день. В их задачи входит: патрулирование пространства империи, поддержание порядка в колониях, присечение возможного вторжения, поиск и уничтожение планетоидов разрушителей.
</p>

<div style="
    margin-top: 5px;            /* Отступ сверху от текста */
    width: 100%;               /* Ширина на всю область контейнера */
    height: 250px;             /* Фиксированная высота (можно менять) */
    background-image: url('https://i.pinimg.com/736x/c3/51/b4/c351b44915927e3f73593affb2bc8fcf.jpg'); /* URL вашего изображения */
    background-size: contain;  /* Изображение впишется в блок, сохраняя пропорции */
    background-position: center; /* Центрируем изображение */
    background-repeat: no-repeat; /* Не повторяем */
   
  ">
  </div>
</div>

[/html]

Подпись автора

ничоси..