How to create center image in div?

i have image with resolution 1000px*1000px,

this my html :

<style> 
 .test{
  width: 400px;
  height: 400px;
  }
</style>

<div class="test"> <img src="..."/> </div>
<div class="test"> <img src="..."/> </div>
<div class="test"> <img src="..."/> </div>
<div class="test"> <img src="..."/> </div>

if original image full body, i want when on div only visible the face. i do not know how to make it.

Anyone can help me? Thanks in advance