... devi usare la storica e trentennale mappatura delle immagini a cui associare gli eventi nelle varie sezioni...
... attualmente si potrebbero ottenere risultati superiori e/o con effetti con WebAmimator...
... anche con conoscenze in HTML, CSS e JavaScript, ed integrando i tre linguaggi, si potrebbero ottenere risultati EXTRA avanzati senza ricorrere a programmi terzi...
... per facilitare la mappatura quasi in automatico per chi ancora non lo sapesse, si possono usare programmi che magari si hanno già nel proprio PC, tipo PaintShopPro, Gimp, OOo, Inkscape(svg) quello che preferisco io, eccetera eccetera, ...facilissimi se si conoscessero molto bene nello specifico...
... oppure, se non si hanno strumenti di cui sopra, ...si trovano molte altre facili risorse in rete, una di queste per mappature avanzate responsive si trova qui:
>> https://image-map.weebly.com/
... invece in questo Topic puoi scaricare alcuni miei esempi ZIP, base ZERO, per capire ed iniziare a fare:
>> https://helpcenter.websitex5.com/it/post/251064
...

.

ciao

-------------------------------

... P.S.: ... questo esempio ancora online del mitico Mirko  trovi nella home un esempio con DIV_CUSTOM, e mella pagina-1 un esempio di mappatura tradizionale:

http://provews.altervista.org/bussola/index.html

... + >  https://www.amcharts.com/javascript-maps/

.

Aggiornamento: Usando la libreria amcharts che mi ha fornito KolAsim nel commento di prima e sfruttando chatgpt per correggere del codice sono riuscito a creare esattamente quello che mi serviva. Grazie mille.