Как сделать такую динамическую шапку?

Question

[godsplan]

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

Comments

[Одиночка Айс]

Вы же в курсе, что все картинки прямоугольные, несмотря на то что там хоть круг будет нарисован?

[Пашенька]

Одиночка Айс, некоторым это рвёт мозг. Более того: всё есть прямоугольник, не только картинки.

[Одиночка Айс]

like-a-boss, да это то понятно))

Answer 1

[nvdfxx]

свг поверх картинки, так это делается

Answer 2

[Ян]

png картинки в данном случае не очень, лучше было бы использовать svg

Answer 3

[Одиночка Айс]

Не реклама!!! В качестве примера можете поковыряться тут (Создай свой цвет) - https://www.kraski-raduga.kz/