Нужно установить цвет конкретно изображению внутри div не задевая пустой участок вокруг

Есть с картинкой двери, который находится поверх фона. Нужно, чтобы при наведении на дверь конкретно изображение двери окрашивалось в другой цвет. При использовании background-color красный появляется в пустой области вокруг неё. Немного похожий эффект, на тот который мне нужен даёт свойство filter, но там нет возможности выбрать нужный цвет. Буду рад любым идеям. Изображение с проблемой


Ответы (1 шт):

Автор решения: Majestio

Как вариант, добавить изображению clip-path. И работать уже с "усеченным" по определенной геометрии изображением. Почитать - тут.

→ Ссылка