ksnk

Тег < tt> -отображение текста моноширинным шрифтом, обрамить им нужный div, или вообще подменить его на тот тег
Ну и выводить числа с ведущими пробелами:

function TableYchastki() {
        let n = ChisloYchastkov.value, h=1+Math.floor(Math.log10(n));
        div1.style.display = "block";
        for (let i = 1; i <= n; i++) {
          div1.innerHTML = div1.innerHTML + "Площадь повреждённой территории на " +
             (" ".repeat(h) + i).slice (-h).replace(/\s/g,"&nbsp;") + 
             " участке: <input type=text id='ploshad" + i + "'><br>";
        }
    }

Рисуешь то, что тебе нравится в редакторе, например здесь https://yqnn.github.io/svg-path-editor/
потом получившийся path вставляешь в clip-path
Как-нибудь так

Тут проблема в том, что закругления будут делаться не совсем окружностями, и нужна точность в проведении линий. Но редактор довольно удобен для рисования всяких разных фигур.

Например вот так.
Из минусов - при изменениии размера экрана рисование линий начинается заново. Но, возможно, это и плюс.
В любом случае - для рисования и несложной анимации канвасом тут есть почти все необходимые запчасти

В общем случае сложно обойтись без скрипта. Можно рисовать линии канвасом, например так.

Лучше на JS добавлять класс элементу TR и от него плясать с раскраской. Но можно пользоваться псевдоэлементом has, он уже почти везде есть...
https://codepen.io/ksnk/pen/dygbmWL

В отличии от предложенных решений,

• можно указывать время с точностью до секунды, вдруг это кому то надо.
  
• используется один таймаут, а не посекундный опрос, что уменьшает нагрузку на броузер
  
• таймер срабатывает предварительно за минуту до срока, чтобы компенсировать задержку таймаута броузером.
  
  

codius.ru/articles/%D0%9A%D0%B0%D0%BA_%D1%81%D0%B2...
Не оно ? если нужно обязательно к левому краю прижимать номера страниц - можно ul.oglavl span.text задать размер в процентах, например.
или https://qna.habr.com/q/391993

Наилучшее решение - дать дизайнеру по наглой рыжей морде и объяснить, что слайдер со скроллером - это то еще гуано. Слайдер обязан демонстрироваться сам, без участия пользователя.
Решение раз - порезать картинку на несколько, разумной длины
Решение два, если дизайнер оказался сильнее, автоматически, анимацией, скроллировать длинный слайд от начала кадра до конца, за время демонстрации самого слайда. Ставится в метод afterChange слик слайдера. Посчитать размер картинки, размер окна слайда, время демонстрации и анимировать разницу.
как - то так https://jsfiddle.net/jcoa5L6x/2/

Нужно анимировать именно то правило, которое выводит этот самый элемент. Вероятно .blink::before или .blink::after