Rustam Bainazarov

так же как и в 2018, 2017, 2016...

Можно убрать overflow у body, создать внутри body отдельный блок, поместить в него все содержимое, и уже ему задать вертикальный скролл и нужный отступ.
UPD: пример

псевдоэлементы не являются элементами DOM (собственно поэтому они и "псевдо"), как следствие с ними нельзя манипулировать из js так же, как с обычными элементами.
Так что у Вас не работает сам селектор, а не метод ".css()". Нельзя применить что-то к ничего :)
Вот иллюстрация

console.log($(".background-slide:before"));
console.log($(".background-slide"))

Можете убедиться, в первом случае jquery ничего не найдет и length будет 0

Сильно экспериментальная технология

https://caniuse.com/#search=%3Ahas
https://developer.mozilla.org/en-US/docs/Web/CSS/:...

https://ace.c9.io

находит все, но с каждым из них произвести операцию надо по отдельности через .each
https://api.jquery.com/each/

$('.statistics-diagram-grafi__item').each( (index, item) => {
  // вот здесь у item ставим css height
} )

• Нарисуйте кружок
  
• Выделите его
  
• Появится маркер, позволяющий отрезать нужное значение
  
• Снова выделите
  
• Появятся три маркера: радиус дырки и радиус закругления
  

клик

const classes = [
  { maxLen: 15, name: 'length-15' },
  { maxLen: 30, name: 'length-30' },
  { maxLen: 45, name: 'length-45' },
];

document.querySelectorAll('.container').forEach(n => {
  const len = n.textContent.length;
  const cls = classes.find(m => m.maxLen >= len);

  if (cls) {
    n.classList.add(cls.name);
  }
});