Hello. Faced with a non-trivial task for herself: have a photo of a dozen people, you need to place it in the header, making the functionality in which when you hover over the person it will be highlighted (hover) and when you click to display the tooltip above the selected person, thus dimming the screen.
As I understand it, it is necessary to cut out pictures of all the people to show them when hovering / clicking, but how to determine the positioning of the overlay in which area was click to display the desired tooltip in the right place with the right text?
An example implementation found at https://whitewill.ru/,
but picking the code, have not figured out how to use it in your project. Maybe there is some library that helps to implement this? Or you can do everything easier? Tell me, please :)