[html]<div id="info-block" class="glossy-news">
  <style>
    #info-block.glossy-news {
      --dusty-rose: #D2A5A5;
      --dusty-yellow: #E5C87B;
      --dark-gray: #3C3C3C;
      --light-gray: #F5F5F5;
      --white: #FFFFFF;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--light-gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 25px 30px 20px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');

    #info-block .content-block {
      background: var(--white);
      padding: 20px 24px;
      border-radius: 6px;
      border: 1px solid var(--dusty-rose);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      overflow: hidden; /* обеспечивает чистую обтравку при float */
    }

    #info-block .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 12px;
      padding-bottom: 6px;
      border-bottom: 2px solid var(--dusty-yellow);
      position: relative;
    }
    #info-block .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 40px;
      height: 2px;
      background: var(--dusty-rose);
    }

    /* Плавающее изображение */
    #info-block .float-image {
      float: left;
      width: 150px;        /* ширина 150px */
      height: 150px;       /* высота 150px */
      object-fit: cover;
      margin: 0 20px 14px 0;
      border-radius: 12px; /* закруглённые края */
      border: 1px solid var(--dusty-yellow);
      background: var(--light-gray);
    }

    #info-block a {
      color: var(--dusty-rose);
      text-decoration: none;
      font-weight: 600;
      border-bottom: 1px solid transparent;
      transition: color 0.2s, border-bottom 0.2s;
    }
    #info-block a:hover {
      color: var(--dark-gray);
      border-bottom-color: var(--dusty-yellow);
    }

    #info-block p {
      margin: 0 0 12px;
    }
    #info-block p:last-child {
      margin-bottom: 0;
    }
  </style>

  <div class="content-block">
    <div class="block-title">«Следующий гость»:  Kira Gray</div>

    <img src="https://forumstatic.ru/files/001c/b3/e9/13724.png?img=28"
         alt="Иллюстрация"
         class="float-image">

    <p>
     Первый гость нашей студии — Kira Gray!
    </p>
    <p>
      В течение следующих 10 дней (до 08.07 включительно) мы активно спрашиваем, допрашиваем и всячески трясём эту девчонку.
    </p>
    <p>
* участник вправе отказаться от ответа на заданный вопрос, не аргументируя свой отказ<br>
* вопросы могут быть адресованы как персонажу, так и игроку (отмечайте как-нибудь, чтобы участнику было понятно что вы от него хотите)<br>
* просьба сохранять доброжелательную атмосферу (помните, что мы собрались здесь для отдыха и развлечения)<br>
* в данной теме запрещены обсуждения и вопросы на политические и религиозные темы, а также мы говорим чёткое "нет" следующему: дискриминации, токсичности, насилию, ненависти и конфликтам<br>
* задавать вопросы можно бесконечное количество раз:)<br>
    </p>
  </div>
</div>[/html]

[html]<div id="info-block" class="glossy-news">
  <style>
    #info-block.glossy-news {
      --dusty-rose: #D2A5A5;
      --dusty-yellow: #E5C87B;
      --dark-gray: #3C3C3C;
      --light-gray: #F5F5F5;
      --white: #FFFFFF;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--light-gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 25px 30px 20px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');

    #info-block .content-block {
      background: var(--white);
      padding: 20px 24px;
      border-radius: 6px;
      border: 1px solid var(--dusty-rose);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }

    #info-block .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 12px;
      padding-bottom: 6px;
      border-bottom: 2px solid var(--dusty-yellow);
      position: relative;
    }
    #info-block .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 40px;
      height: 2px;
      background: var(--dusty-rose);
    }

    #info-block a {
      color: var(--dusty-rose);
      text-decoration: none;
      font-weight: 600;
      border-bottom: 1px solid transparent;
      transition: color 0.2s, border-bottom 0.2s;
    }
    #info-block a:hover {
      color: var(--dark-gray);
      border-bottom-color: var(--dusty-yellow);
    }

    #info-block p {
      margin: 0 0 12px;
    }
    #info-block p:last-child {
      margin-bottom: 0;
    }
  </style>

  <div class="content-block">
    <div class="block-title">Вопросы от редакции
</div>
    <p>
      Несколько стартовых вопросов для разминки:)
    </p>
<p>1. Ваше любимое слово?</p>
<p>2. Что вас вдохновляет на пост\игру?</p>
<p>3. Ваше любимое ругательство?</p>
     </div>
</div>[/html]