responsive-design - medidas - responsive design css ejemplos

Se necesita asesoramiento interactivo con capacidad de respuesta móvil

Question

Espero que alguien me pueda ayudar con un problema interactivo. Intento crear una interacción responsiva móvil. Cada área sombreada azul y naranja en el gráfico adjunto debe hacer clic para revelar otra imagen sobre la imagen original. He hecho esto de la manera de la vieja escuela con javascript y mapas de imágenes y funciona como un regalo en una pantalla grande, pero no es amigable para dispositivos móviles. p.ej

onclick="MM_swapImage(''Image1'','''',''one1.jpg'',1)"
onmouseout="MM_swapImgRestore()"

Así que he intentado hacerlo en SVG con javascript pero no puedo hacerlo funcionar. ¿Puede alguien decirme la mejor manera de hacer esto para que sea amigable para dispositivos móviles?

Esta es la imagen que estoy usando: