[html]
<style>
.ivent_p-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1, 1fr));
    gap: 20px;
    padding: 20px;
}

.ivent_p-card {
    position: relative;
    background-color: #bcc1bb;
    border: 2px dashed #a9a9a97d;
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 180px;

    /* Анимация при наведении */
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ivent_p-card:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.12);
    z-index: 1;
}

/* Фоновое изображение справа */
.ivent_p-card::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    height: 100%;
    background: url('https://upforme.ru/uploads/001c/2a/e5/2/642556.png') no-repeat right center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
}

/* Заголовок — крупный, верхний регистр */
.ivent_p-title {
    font-family: 'Akrobat', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    color: #5f625c;
    text-align: center;
    margin: 0 0 -8px 0;
    opacity: 0.8;
}

.ivent_p-title-big {
    display: inline-block;
    font-size: 30px;
    line-height: 1.1;
    color: var(--accent-color);
}

/* Линия из тире */
.ivent_p-line {
    text-align: center;
    letter-spacing: 2px;
    color: #858585;
    font-size: 16px;
    margin-bottom: 0px;
}

/* Подзаголовок с отступом слева */
.ivent_p-subtitle {
    font-weight: bold;
    background-color: #d0d7d175 !important;
    padding: 4px 12px;
    display: inline-block;
    margin-bottom: 7px;
    color: #8b8b8b;
}

/* Основной текст предсказания — акцент */
.ivent_p-prediction {
font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 20px;
color: #25292c;
}
</style>

<div class="ivent_p-grid">
  <div class="ivent_p-card">
    <div class="ivent_p-title"><span class="ivent_p-title-big">Шарлотта Лоуборн</span></div>
    <div class="ivent_p-line">— — — — — — — —</div>
    <div class="ivent_p-subtitle">ПРЕДСКАЗАНИЕ №1</div>
    <div class="ivent_p-prediction">
      <p>Трое мужчин коснулись тебя.</p>
            <p>Один — с правом, что сам себе выдумал.</p>
            <p>Другой — с жаждой, от которой ему не выжить.</p>
            <p>Третий — с болью, которую ты не просила.</p>
            <p>Но их семена не засеют твой сад. Твоя почва уже отдана — не тобой и не им.</p>
    </div>
  </div>

  <div class="ivent_p-card">
    <div class="ivent_p-title"><span class="ivent_p-title-big">Зафира Аслан</span></div>
    <div class="ivent_p-line">— — — — — — — —</div>
    <div class="ivent_p-subtitle">ПРЕДСКАЗАНИЕ №1</div>
    <div class="ivent_p-prediction">
      Под утро, когда треснут зеркала, ты увидишь весы, где стрелка дрожит между кровью и истиной.
    </div>
  </div>

  <div class="ivent_p-card">
    <div class="ivent_p-title"><span class="ivent_p-title-big">Азраэль Нокс</span></div>
    <div class="ivent_p-line">— — — — — — — —</div>
    <div class="ivent_p-subtitle">ПРЕДСКАЗАНИЕ №1</div>
    <div class="ivent_p-prediction">
      Когда воздух станет сладким, как перед грозой, и на следах появится лисья шерсть — улыбнись, но не гони зверя прочь. Лиса придет не за добычей, а чтобы пересчитать кости в твоей кладовке.
    </div>
  </div>

  <div class="ivent_p-card">
    <div class="ivent_p-title"><span class="ivent_p-title-big">Лукас Фейбрут</span></div>
    <div class="ivent_p-line">— — — — — — — —</div>
    <div class="ivent_p-subtitle">ПРЕДСКАЗАНИЕ №1</div>
    <div class="ivent_p-prediction">
Когда две чаши встанут пред тобой — не дрожи рукой. Одна — пульс железа, клинка и пороха. Другая — шепот света, замерший в кристалле.    </div>
  </div>

  <div class="ivent_p-card">
    <div class="ivent_p-title"><span class="ivent_p-title-big">Александр Крейн</span></div>
    <div class="ivent_p-line">— — — — — — — —</div>
    <div class="ivent_p-subtitle">ПРЕДСКАЗАНИЕ №1</div>
    <div class="ivent_p-prediction">
      Чужак придет к тебе и его нельзя убить, потому что он не умрет здесь. Но его шаги привлекут внимание хвори. Не той, что забирает плоть, а той, что ищет голос, через который можно говорить.
    </div>
  </div>

  <div class="ivent_p-card">
    <div class="ivent_p-title"><span class="ivent_p-title-big">Ширалия Алфьёрн</span></div>
    <div class="ivent_p-line">— — — — — — — —</div>
    <div class="ivent_p-subtitle">ПРЕДСКАЗАНИЕ №1</div>
    <div class="ivent_p-prediction">
      На перекрестке теней ты встретишь человека, чьи глаза не различают цену серебра и любви. Он скажет: "Ты мне понравилась, кошка". Но не забудь — кошек гладят перед тем, как отправить в клетку.
    </div>
  </div>

  <div class="ivent_p-card">
    <div class="ivent_p-title"><span class="ivent_p-title-big">Нурбану Сингх</span></div>
    <div class="ivent_p-line">— — — — — — — —</div>
    <div class="ivent_p-subtitle">ПРЕДСКАЗАНИЕ №1</div>
    <div class="ivent_p-prediction">
      Когда ночь станет жидким серебром, и Завеса истончится — ты услышишь крик Завесы, что звучит, как собственный голос.
    </div>
  </div>

  <div class="ivent_p-card">
    <div class="ivent_p-title"><span class="ivent_p-title-big">Дэймос ибн Альшаим</span></div>
    <div class="ivent_p-line">— — — — — — — —</div>
    <div class="ivent_p-subtitle">ПРЕДСКАЗАНИЕ №1</div>
    <div class="ivent_p-prediction">
      Ты принесешь пустоту, как чашу, и каждый, кто заглянет в нее, услышит голос хвори.
    </div>
  </div>
</div>
[/html]