img > div center

by Qwerty_Wasd

HTML

<div class="wrapper">
<div class="img"><img src="http://www.xrest.ru/schemes/00/03/bb/62/%D0%97%D0%B2%D0%B5%D0%B7%D0%B4%D0%BE%D1%87%D0%BA%D0%B0-1.jpg"></div>
</div>

CSS

.wrapper{
  display: flex;
  justify-content: center;  
  border:1px solid red;
  box-sizing:border-box;
  width: 200px;
  height: 200px;
  overflow: hidden;  
}
.img{
  align-self:center;
}