<p class="text-warning">NB: Очень скоро структура поменяется!</p>
<div class='article-image-wrapper fullWidth'>
  <img src='https://storage.googleapis.com/atc.epinetov.com/public/posts/matcc-structure/matcc-structure.webp' class='article-image-full-width'/>
  <p class='article-image-description'>Организационная структура МЦ АУВД</p>
</div>
<p>Тут ещё текст должен быть, но сейчас 4 часа утра и мне лень, поэтому пока так <img src='https://storage.googleapis.com/atc.epinetov.com/public/img/shrug-pepe.png' style='width: 50px;'></p>
    <div id="message-success" class="snackbar success">Ссылка скопирована!</div>
    <div id="message-error" class="snackbar error">Не удалось скопировать ссылку :(</div>
      <script>  
      function copyToClipboard(text) {
        const dummy = document.createElement("textarea");
        document.body.appendChild(dummy);
        dummy.value = text;
        dummy.select();
        document.execCommand("copy");
        document.body.removeChild(dummy);
      }  
      function copyURI(e) {
        e.preventDefault(); 
        try {
          copyToClipboard(window.location.href.split('#')[0] + '#' + e.target.getAttribute('id'))
          const successMessage = document.getElementById("message-success");
          successMessage.classList.add("show");
          setTimeout(function(){ successMessage.classList.remove("show") }, 3000);
        } catch (error) {
          console.log(error)
          const errorMessage = document.getElementById("message-error");
          errorMessage.classList.add("show")
          setTimeout(function(){ errorMessage.classList.remove("show") }, 3000);
        }
      }
    </script>

Организационная структура МЦ АУВД

Редакция от 25 июня, 2021