Stalker_RED

ul {
  list-style-type: square;
}

Там вообще куча вариантов. А если этого мало, есть еще ::marker, где можно задавать размер, цвет, и некоторые другие свойства.

И да, через ::before можно вообще что угодно установить.

[data-option-value$="из дуба"] {
  background: yellow;
}

$('[data-option-value$="из дуба"]').css('outline', 'dashed 2px red');

Если у вас css-анимация, то можно продолжить обработку после события animationend.
Если js-анимация - добавьте вызов callback'а в конце анимации.

const countTotal = Object.values(data.response)
  .reduce((acc, item) => 
    (acc += parseInt(item.count, 10), acc),
   0);

@mysql_query() уже одного этого кусочка хватает для того, чтобы сильно усомниться в скиллах.

Функция mysql_query устарела более семи лет назад, и в современных версиях языка ее вообще нет.
Подавление ошибок через @ - вообще шедевр. У вас, значит, запрос с ошибкой, или база упала - но ваш код это просто игнорирует и делает вид, что так и надо. Зашибись :)

Читайте https://phptherightway.com/

https://www.php.net/manual/ru/imagick.resizeimage.php
У ресайза есть встроенный blur, но если его будет мало, то
https://www.php.net/manual/ru/imagick.blurimage.php

.{6}<em>.+?<\/em>.{6}
https://regex101.com/r/PtyOG5/1
https://regex101.com/r/PtyOG5/2

1. клонируем элемент
2. выставляем ему абсолютное позиционирование, сдвигаем в невидимую область (left: -5000px, например)
3. ставим туда одну букву, замеряем высоту строки
4. ставим весь текст, замеряем высоту.
Если высота изменилась - значит строк больше одной - PROFIT!

Можно текст вставлять не целиком, а по одному слову. Чтобы понять в каком месте перенос
Вот было что-то похожее: Как разбить текст на строки JS?

Можно конечно сделать и без этих танцев, средствами css, но вы же вопрос про js задали :)

var all_images = Array.from(document.querySelectorAll('.block__item')).map(el => el.dataset.image);