te recomiendo utilices el ancho o alto que requiera tu div para las imagenes de esta forma se centraria sin problemas.. en dado caso se desborde la imagen del div, recorda usar overflow:hidden, para cortar ese desborde..
Cita: div.horizontal {
display: flex;
justify-content: center;
}
div.vertical {
display: flex;
flex-direction: column;
justify-content: center;
}
<div class="horizontal div1">
<div class="vertical">
<img src="imagen.jpg" />
</div>
</div>
--
Entra a mi canal en Youtube para ver tutoriales utiles de desarrollo front-end.
https://www.youtube.com/channel/UCsH...wdzUTNNWqwPDsg