Даниил Секретов

elem.addEventListener('mousemove', function (event) {
  // добавляем обработчик события "mousemove"
  const x = event.clientX; // получаем координату X мыши
  const y = event.clientY; // получаем координату Y мыши

  console.log(`Координаты мыши: x=${x}, y=${y}`); // выводим координаты мыши в консоль
});

Дальше через if >= или <= отслеживаешь и через динамическую загрузку css меняешь стили.

Используйте cookie, перенесете загрузку скриптов и стилей в низ. Мне помогло, то что сначала загружал html потом css а далее js код.

props

Через редактор открой svg и поменяй там цвет, пользуйся vs code при открытии будет показано где цвет менять