Альберт Макс, мне кажется, что красный фон появляется не при наведении, а при нажатии. На видео задержка между этими событиями. Но его качество оставляет место для сомнений.
Во-первых, решить.
Во-вторых, по вашей разметке плачет валидатор https://validator.w3.org/nu/
Не стоит советовать такое в эфир, лучше удалите побыстрее.
Ошибка намекает на лишний (непредвиденный) < (Иногда это может, наоборот, недостающий > или что-то с кавычками ).
Происходящее, что в js оказывается html намекает на тоже самое.
Есть всякие разные валидаторы - воспользуйтесь.
Также Шторм отлично подчеркивает ошибки или указывает их на отдельной вкладке.
А потом нужно переписать вопрос так, чтобы он перестал быть проблемой Шторма, Node js и лайвсервера.
Syrone, теоретически, через кастомные свойства css это возможно.
Правда, экономически невыгодно в случае со многими вариациями картинки.
Я бы, наверное, в таком случае, использовала picture, aria-hidden="true" и гриды.
Если клиент в принципе в силах подготовить картинки для новой пикчи... (сомнения)
А если не готов и всё равно будет обращаться к вам, то и CMS не при чем
vittallyyaaa, с классом могут быть проблемы, если на элементе есть ещё классы или могут быть навешаны (а они могут, особенно если это body). Поэтому вариант удалить все классы и навесить нужный не очень хорошая идея.
А значит, лучше использовать data-
У кнопок тоже прописать data-
У кнопки получить - на body навесить.
Кнопки перебирать в цикле.
Зачем пользователю тень у формы при наведении/нажатии/фокусе на кнопку тоже загадка.