---

<table class="marquee-table black-theme">
  <tr>

    <td class="marquee-td">
      <div class="marquee-wrapper">
        <div class="marquee-inner">
          <span>АНТОНЮК БОГДАНОВ АБДУЛЛАЕВ</span>
          <span>АНТОНЮК БОГДАНОВ АБДУЛЛАЕВ</span>
        </div>
      </div>
    </td>
  </tr>
</table>


////////////////////////////////



.marquee-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background-color: #000000; 
}


.marquee-table.black-theme .marquee-td {
  width: 100%; 
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  height: 24px; 
  

}


.marquee-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center; 
}


.marquee-inner {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 15s linear infinite;
}


.marquee-table.black-theme .marquee-inner span {
  display: inline-block;
  padding-right: 30px; 
  color: #ffffff;
  background-color: #000000; 
  font-family: sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}


.marquee-inner:hover {
  animation-play-state: paused;
}

@keyframes scroll-left {
  0% {
    transform: translate3d(0, 0, 0);