Edit in JSFiddle

.content-centering{
	display:flex;
	justify-content: center; /*центрируем элемент по горизонтали */
    align-items: center; /* и вертикали */
    width: 200px; /* задали размеры блоку-родителю */
	height: 200px;
	overflow: hidden; /* если элемент больше блока-родителя – обрезаем лишнее */
}

.block-decor{
    background-color: #ccc;
    margin: 8px;
    float: left;
}

.content-centering_element{
    max-width: 100%;
}
<div class="content-centering block-decor">
    <img src="https://1x.com/images/user/d2d7e82164fd8b3103c8ee091360ab09-ld.jpg" alt="" class="content-centering_element">
</div>

<div class="content-centering block-decor">
    <img src="https://1x.com/images/user/6f7efac1b804ea46a3c71bdb26de620e-ld.jpg" alt="" class="content-centering_element">
</div>