------------------ Открыть styles/templates/Ваш_шаблон/css/top.css и самый внизу ставить ----------------------------

:root {
  --lamp-size: 14px;
  --lamp-height: 30px;
}

/* Гирлянда */
ul.lightrope {
  display: flex;
  justify-content: space-between;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  z-index: 9999;
  pointer-events: none;
}

ul.lightrope li {
  list-style: none;
  position: relative;
  width: var(--lamp-size);
  height: var(--lamp-height);
  border-radius: 50%;
  background: red;
  box-shadow: 0 5px 24px 3px red;
}

/* Цоколь */
ul.lightrope li:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 2px;
  width: 10px;
  height: 9px;
  border-radius: 3px;
  background: #222;
}

/* Провод */
ul.lightrope li:after {
  content: "";
  position: absolute;
  top: -14px;
  left: 9px;
  width: 52px;
  height: 18px;
  border-bottom: 2px solid #222;
  border-radius: 50%;
}

ul.lightrope li:last-child:after {
  content: none;
}

/* Каждая группа получает свой цикл из 4–5 цветов */
ul.lightrope li:nth-child(6n) {
  animation: cycle1 5s infinite linear, flicker 2s infinite ease-in-out;
}
ul.lightrope li:nth-child(6n+1) {
  animation: cycle2 6s infinite linear, flicker 2.5s infinite ease-in-out;
}
ul.lightrope li:nth-child(6n+2) {
  animation: cycle3 7s infinite linear, flicker 3s infinite ease-in-out;
}
ul.lightrope li:nth-child(6n+3) {
  animation: cycle4 5.5s infinite linear, flicker 2.2s infinite ease-in-out;
}
ul.lightrope li:nth-child(6n+4) {
  animation: cycle5 6.5s infinite linear, flicker 2.8s infinite ease-in-out;
}
ul.lightrope li:nth-child(6n+5) {
  animation: cycle6 7.5s infinite linear, flicker 3.3s infinite ease-in-out;
}

/* Радужные циклы */
@keyframes cycle1 {
  0%   { background: red;      box-shadow: 0 5px 20px red; }
  25%  { background: orange;   box-shadow: 0 5px 20px orange; }
  50%  { background: yellow;   box-shadow: 0 5px 20px yellow; }
  75%  { background: gold;     box-shadow: 0 5px 20px gold; }
  100% { background: red;      box-shadow: 0 5px 20px red; }
}

@keyframes cycle2 {
  0%   { background: green;    box-shadow: 0 5px 20px green; }
  33%  { background: lime;     box-shadow: 0 5px 20px lime; }
  66%  { background: turquoise;box-shadow: 0 5px 20px turquoise; }
  100% { background: green;    box-shadow: 0 5px 20px green; }
}

@keyframes cycle3 {
  0%   { background: cyan;     box-shadow: 0 5px 20px cyan; }
  33%  { background: skyblue;  box-shadow: 0 5px 20px skyblue; }
  66%  { background: teal;     box-shadow: 0 5px 20px teal; }
  100% { background: cyan;     box-shadow: 0 5px 20px cyan; }
}

@keyframes cycle4 {
  0%   { background: blue;     box-shadow: 0 5px 20px blue; }
  25%  { background: violet;   box-shadow: 0 5px 20px violet; }
  50%  { background: indigo;   box-shadow: 0 5px 20px indigo; }
  75%  { background: magenta;  box-shadow: 0 5px 20px magenta; }
  100% { background: blue;     box-shadow: 0 5px 20px blue; }
}

@keyframes cycle5 {
  0%   { background: pink;     box-shadow: 0 5px 20px pink; }
  33%  { background: hotpink;  box-shadow: 0 5px 20px hotpink; }
  66%  { background: deeppink; box-shadow: 0 5px 20px deeppink; }
  100% { background: pink;     box-shadow: 0 5px 20px pink; }
}

@keyframes cycle6 {
  0%   { background: purple;   box-shadow: 0 5px 20px purple; }
  25%  { background: orchid;   box-shadow: 0 5px 20px orchid; }
  50%  { background: fuchsia;  box-shadow: 0 5px 20px fuchsia; }
  75%  { background: plum;     box-shadow: 0 5px 20px plum; }
  100% { background: purple;   box-shadow: 0 5px 20px purple; }
}

/* Пульсация */
@keyframes flicker {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50%      { transform: scale(1.05); filter: brightness(1.3); }
}

------------------ Открыть styles/templates/Ваш_шаблон/page_header.tpl и ставить удобное место ----------------------------

<ul class="lightrope">
  <li style="--i:0"></li>
  <li style="--i:1"></li>
  <li style="--i:2"></li>
  <li style="--i:3"></li>
  <li style="--i:4"></li>
  <li style="--i:5"></li>
  <li style="--i:6"></li>
  <li style="--i:7"></li>
  <li style="--i:8"></li>
  <li style="--i:9"></li>
  <li style="--i:10"></li>
  <li style="--i:11"></li>
  <li style="--i:12"></li>
  <li style="--i:13"></li>
  <li style="--i:14"></li>
  <li style="--i:15"></li>
  <li style="--i:16"></li>
  <li style="--i:17"></li>
  <li style="--i:18"></li>
  <li style="--i:19"></li>
  <li style="--i:20"></li>
  <li style="--i:21"></li>
  <li style="--i:22"></li>
  <li style="--i:23"></li>
  <li style="--i:24"></li>
  <li style="--i:25"></li>
  <li style="--i:26"></li>
  <li style="--i:27"></li>
  <li style="--i:28"></li>
  <li style="--i:29"></li>
  <li style="--i:30"></li>
  <li style="--i:31"></li>
  <li style="--i:32"></li>
  <li style="--i:33"></li>
  <li style="--i:34"></li>
  <li style="--i:35"></li>
  <li style="--i:36"></li>
  <li style="--i:37"></li>
  <li style="--i:38"></li>
  <li style="--i:39"></li>
</ul>