Ajuda com Mapeamento de Imagem

Boa noite.

Estou com a seguinte ideia em um projeto: https://i.imgur.com/ylrv3Zc.png.

Gostaria de saber se há alguma forma de mapear as folhas, para que quando o usuário clicar, redirecionar para outra página.

	Já tentei mapear pela tag **<map>**, porém, o mapeamento não fica responsivo. 

	 

	Lembrando que a imagem está unificada, conforme código abaixo:

<div class="container">
 <div class="descricoes text-center">
 <h1 class="text-nomes-main">Clique nas folhas para selecionar a Deficiência.</h1>
 <img src="../contents/imagens/folhas_deficiencia.png" width="500" height="500" class="img-responsive img-centro">
 </div>
</div>