Как сделать адаптивные ссылки на картинке?

Question

[Danil Klimov]

Есть блок с картинкой на фоне:

Собственно как сделать слова (окна, двери, балконы) ссылками, но так чтобы на разрешении от 1200 до 1920 их было всегда видно и блок "дарим подарки" не перекрывал слова.
Пробовал через тег map. Но есть проблемы когда масштабируется картинка, координаты остаются прежние и ссылки съезжают.

Comments

[Ankhena]

Как отловить размер изображения и позиционировать на нем объекты?

Answer 1

[Александр]

Делать ссылки не точно по слову, а с запасом и с помощью css и media-запросов двигать их в зависимости от разрешения

Answer 2

[Денис]

Библиотека для ресайза стандартного тега map. И никаких свг и миллиона медиа запросов