[html]
<div class="fm-first-message">
  <div class="fm-first-message-card">
    <div class="fm-first-message-category"></div>
    <div class="fm-first-message-topic">фестеваль судеб</div>

    <div class="fm-first-message-text">
Всем привет! 💖 Рады приветствовать вас на открытии нашего первого фестиваля!</br></br>

Он будет проходить в два этапа: первый стартует уже сейчас на тестовом форуме, а второй продолжится после открытия основной площадки.</br></br>

Подробнее о самом фестивале и каждом из его этапов вы можете узнать на карточке ниже. Она кликабельна, поэтому при необходимости её можно открыть в полном размере.</br></br></br>

И ещё одна небольшая просьба. 🙏 Нам будет очень полезен ваш отзыв: удобен ли вам такой формат оформления конкурсов с помощью карточек или привычное текстовое описание кажется более комфортным? Обязательно поделитесь своим мнением — это поможет нам сделать будущие активности ещё удобнее.
    </div>
  </div>
</div>
[/html]

[html]

<a class="css-lightbox-thumb" href="#img-big-1">
  <img src="https://forumstatic.ru/files/001c/b9/1e/31346.png">
</a>

<div id="img-big-1" class="css-lightbox">
  <a class="css-lightbox-close" href="#close">×</a>
  <a class="css-lightbox-bg" href="#close"></a>

  <img src="https://forumstatic.ru/files/001c/b9/1e/31346.png">
</div>

<style>
.css-lightbox-thumb {
  display: inline-block;
  cursor: zoom-in;
}

.css-lightbox-thumb img {
  display: block;
  max-width: 100%;
}

.css-lightbox {
  display: none;
}

.css-lightbox:target {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 999999999;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.75);
}

.css-lightbox:target img {
  position: relative;
  z-index: 2;
  max-width: 95vw;
  max-height: 95vh;
  width: auto;
  height: auto;
  box-shadow: 0 0 30px rgba(0,0,0,.6);
}

.css-lightbox-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.css-lightbox-close {
  position: fixed;
  top: 20px;
  right: 35px;
  z-index: 3;
  color: #fff !important;
  font-size: 42px;
  line-height: 1;
  text-decoration: none !important;
  font-family: Arial, sans-serif;
}
</style>

[/html]
ниже должны пойти ссылки на 2 конкурса в рамках теста ( это одна тема именно в ней будут итоги 1 этапа)