[html]
<div style="display: flex; flex-direction: column;">
<div style="
    background-image: url('https://i.pinimg.com/736x/88/e2/56/88e2564b78e1ac956482a4e094e53165.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 style="
  width: 100%;
  overflow: hidden;
  border: 2px solid #ccc;
  padding: 10px;
  background-color: #A30000;
">
  <p style="
    margin-top: 0;
    font-size: 13px;
    color: #f9f9f9;
    line-height: 1.6;
    text-align: justify;
  ">
    Разрушители - самое страшное бедствие что случалось с галактикой. Огромные живые планетоиды, питающиеся планетами. Они вырастали до громадных размеров но что самое страшное - использовали какую-никакую тактику. Разрушители надолго отпечатались в сознании большинства рас галактики. Многие малые цивилизации были истреблены а у сверхдержав огромные шрамы и только молодые расы, вышедшие в космос совсем недавно не застали этот ужас. Однако разрушители все еще здесь. Остатки вселенского кошмара разбросаны по всей галактике, одичавшие, оголодавшие сражающиеся и пожирающие даже друг с друга. Космонавтам настойчиво советуют избегать районов глубокого космоса ибо там, во тьме могут рыскать хищные планетоиды.
Однако, не смотря ни на что, разрушители теперь часть галактики Хадриш, увлекающие и пугающие своим видом многих ученых и простых жителей.
  </p>
</div>
  <div style="
    background-image: url('https://i.pinimg.com/736x/88/e2/56/88e2564b78e1ac956482a4e094e53165.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: 2px solid #ccc;     /* Рамка вокруг всего блока */
  padding: 10px;             /* Отступы внутри блока от рамки до содержимого */
  background-color: #A30000; /* Фоновый цвет (опционально) */
">
  <img
    src="https://i.pinimg.com/736x/0f/e3/f4/0fe3f402064d521f41d3d5c35f0376c1.jpg"
    alt="Изображение"
    style="
      float: left;
      width: 350px;           /* Новая ширина изображения */
      height: 450px;          /* Новая высота изображения */
      margin-right: 20px;
      margin-bottom: 10px;
      border: 5px solid #ddd; /* Рамка вокруг изображения (опционально) */
      border-radius: 4px;   /* Скругление углов изображения (опционально) */
    ">
  <p style="
  margin-top: 0;
  font-size: 13px;     /* Размер шрифта (можно задать в px, em, rem, %) */
  color: #f9f9f9f9;    /* Цвет текста (шестнадцатеричный код) */
">
  Несмотря на то, что большинство в галактике знает, кто такие разрушители, почти никто не видел самого т.н. "разрушителя". Они всегда в огромных количествах, исчисляемых квинтиллионами, но по одиночке почти никогда не встречаются. Ученым Союза систем лишь после уничтожения основной угрозы и почти полного истребления разрушителей удалось собрать живых "разрушителей". Они были названы "тили" т.е маленький, незначительный. Внешне они выглядят как черви, максимальная  длина которых не была точно установлена. Самый длинный образец который смогли найти был в длину, от кончика жвал до кончика хвоста, 20 метров. Однако как установили в результате сравнений, какой бы длины они не были, они всегда примерно одной ширины - 30 сантиметров. Половых признаков не имеют, размножаются делением. По одиночке не показывают никаких признаков разума, однако чем их больше тем скоординированней они двигаются. Были даже зафиксированы случаи, когда разрушители общались между собой, однако это было замечено только у форм планетоидов.   
</p>

<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 type="text/css">
HTML, BODY {
  background-image: url("https://i.pinimg.com/1200x/9b/d3/8c/9bd38cf40118135408bd894f31e95a8b.jpg"); /* замените на свой URL */
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
</style>
<style type="text/css">
#pun-title table {
  background-image: url("https://i.pinimg.com/736x/cd/38/c9/cd38c995b52582623a98f708eaabb680.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>
[/html]

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

ничоси..