Бегущая строка на тильде

    <!-- Контейнер для бегущей строки -->
        <div class="container-running-line">
          <!-- Бегущая строка -->
          <div class="running-line"></div>
        </div>
        
        <style>
          /* Стили для контейнера бегущей строки */
          .container-running-line {
            overflow-x: hidden;
            width: 100%;
          }
        
          .container-running-line > * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
          }
        
          /* Стили для бегущей строки */
          .running-line {
            display: flex;
            /* Высота */
            height: 100px !important;
            /* Ширина верхней обводки, тип обводки, цвет обводки */
            border-top: 1px solid white;
            /* Ширина нижней обводки, тип обводки, цвет обводки */
            border-bottom: 1px solid white;
            /* Цвет заднего фона */
            background-color: black;
            align-items: center;
            width: min-content;
            /* Чем больше секунд, тем медленее движется бегущая строка, в данном примере указано 36 секунд */
            animation: moveRight 36s infinite linear;
          }
        
          /* Стили для бегущей строки, движущейся налево */
          .running-line-left {
            /* Чем больше секунд, тем медленее движется бегущая строка, в данном примере указано 36 секунд */
            animation: moveLeft 36s infinite linear !important;
          }
        
          /* Стили для текста */
          .text {
            display: inline-block;
            white-space: nowrap;
            /* Расстояние между текстом и картинкой */
            margin-right: 30px !important;
            /* Цвет шрифта */
            color: #fff;
            /* Шрифт */
            font-family: "Coiny";
            /* Размер шрифта */
            font-size: 36px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
          }
        
          /* Стили картинки */
          .image {
            /* Ширина */
            width: 99px !important;
            /* Высота */
            height: 45px !important;
            /* Расстояние между блоками (блок - это 1 строка + картинка) */
            margin-right: 30px !important;
          }
        
          /*Адаптив под разрешение от 480px до 639px */
          @media (max-width: 639px) {
            .running-line {
              height: 85px !important;
            }
        
            .text {
              font-size: 30px;
              margin-right: 25px !important;
            }
        
            .image {
              margin-right: 25px !important;
            }
          }
        
          /*Адаптив под разрешение от 320px до 479px */
          @media (max-width: 479px) {
            .running-line {
              height: 78px !important;
            }
        
            .text {
              font-size: 28px;
            }
        
            .image {
              width: 82px !important;
              height: 37px !important;
            }
        
            .text {
              font-size: 30px;
              margin-right: 20px !important;
            }
        
            .image {
              margin-right: 20px !important;
            }
          }
        
          @keyframes moveRight {
            from {
              transform: translateX(-50%);
            }
        
            to {
              transform: translateX(0%);
            }
          }
        
          @keyframes moveLeft {
            from {
              transform: translateX(0%);
            }
        
            to {
              transform: translateX(-50%);
            }
          }
        </style>
        
        <script>
          // Текст
          let text = "coolsite";
          // Ссылка на картинку
          let linkToImage =
            "https://static.tildacdn.com/tild3661-6236-4539-a232-356334656632/__.svg";
          let runningLine = document.querySelector(".running-line");
          // Отображать текст - true; cкрыть - false
          let addText = true;
          // Отображать картинку - true; cкрыть - false
          let addImage = true;
          // Направить бегущую строку направо - "right"; налево - "left"
          let direction = "right";
        
          // Вызов функции, которая заполняет бегущую строку текстом и картинками
          createRunningLine();
        
          // Функция, которая заполняет бегущую строку текстом и картинками
          function createRunningLine() {
            if (direction == "left") {
              runningLine.classList.add("running-line-left");
            }
            for (let i = 1; i <= 42; i++) {
              if (addText == true) {
                let tagP = document.createElement("p");
                tagP.textContent = text;
                tagP.classList.add("text");
                runningLine.appendChild(tagP);
              }
              if (addImage == true) {
                let tagImage = document.createElement("img");
                tagImage.setAttribute("src", linkToImage);
                tagImage.classList.add("image");
                runningLine.appendChild(tagImage);
              }
            }
          }
        </script>