Заменить картинку в блоке при паузе / проигрывании аудио


хочу реализовать активность воспроизведения аудио: когда плеер не активен (не выбрано аудио из списка) или аудио на паузе, то кружок возле бегущей строки серого цвета, а когда идет воспроизведение аудио, красного.
воспроизведение - красный цвет, пауза или не выбрано аудио (первая загрузка страницы) - серый цвет
java script для меня темный лес, я не понимаю как это реализовать и даже что-то найти в интернете
буду рад вашей помощи
все нужные файлики в архиве по ссылочке - https://cloud.mail.ru/public/Xpdj/2HVcjoJXH

ожидаемый результат:

Те все файлы по ссылке, они где взяты?
Если необходимо решение по техническому заданию, разместите тему в разделах
Ищу исполнителя (фриланс), если это разовый договор.
Или можно здесь вот: Ищу сотрудника в компанию, это если долгосрочный проект.

Можно ловить события play/pause/ended HTMLMediaElement: play event - Web APIs | MDN
И в них например менять класс элемента с иконкой, использовать это в CSS. html - How to add and remove classes in Javascript without jQuery - Stack Overflow

Так видимо автором и созданы )
Ну, кроме музыки :pirateparrot:

Это предположение. А так ХЗ кем они созданы…

это мои файлы :slight_smile: я сайтик-одностраничник делаю в подарок