Já tentou usar as seguintes propriedades do evento "click": screen/clientX e screen/clientY?
Ao invés de colocar elementos do tipo button na imagem, voce apenas compara a coordenada do clique com a coordenada do ugar da imagem que voce considera uma região "clicável" para mostrar o modal.
Usando clientX e clientY voce obtem as coordenadas do DOM onde foi o clique, dessa maneira voce pode exibir o modal com a seguinte lógica:
handleImageClick(event){
let x = event.clientX;
let y = event.clientY;
// Coordenadas
if (x === coord_modal1_x && y === coord_modal1_y) {
// mostre o modal 1
}
}
OBS: as coordenadas são do tipo long, então transforme as coordenadas "clicáveis"para long.
Referencia: https://developer.mozilla.org/pt-BR/docs/Web/Events/click