[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">
<a class="css-lightbox-thumb" href="#img-big-1">
  <img src="https://forumstatic.ru/files/001c/be/78/79771.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/be/78/79771.png">
</div>

    </div>
  </div>
</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][hideprofile]