使内容出现在模式中

Question

我想要做的是，当我单击图像时，包含该图像的整个div以模式显示。 如果单击image1，则会以模态显示它；如果单击image2，也会发生相同的情况。

对不起我的英语！

<div>			
   <figure>
			<a href="#"><img src="image1.jpg"></a>
				</figure>
					<h3>Name Bla Bla</h3>
          <br>
					<span>Basic Information</span><br>
          <br>
					<span>Email : blabla@bla.com.br</span>                                                
</div>

<div>			
   <figure>
			<a href="#"><img src="image2.jpg"></a>
				</figure>
					<h3>Name Bla Bla</h3>
          <br>
					<span>Basic Information</span><br>
          <br>
					<span>Email : blabla@bla.com.br</span>                                                
</div>