[html]

<a class="css-lightbox-thumb" href="#img-big-1">
  <img src="https://forumstatic.ru/files/001c/b9/1e/64661.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/64661.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]

Код:
[quote]
[align=center]
[size=18][b]🔮 ГАДАЛЬНЯ СУДЕБ[/b][/size]

[i]Кто твоя ролевая soulmate?[/i]
[/align]

[b]📅 Дата рождения персонажа[/b]

дд.мм.гггг

[b]🪶 Описание персонажа[/b]

[i]Опиши своего персонажа хотя бы одним предложением.[/i]

Текст ответа...

[/quote]

[align=center]
✨ Судьба услышала тебя и уже раскладывает карты...
[/align]