CSS Center Image в div
img {
display:block;
margin: 0 auto; /* the fastest way to center anything */
}
Xerothermic Xenomorph
img {
display:block;
margin: 0 auto; /* the fastest way to center anything */
}<div style="width: 300px; height: 300px;">
<img src="./image.png" class="center">
</div>
.center{
object-fit: scale-down;
max-width: 100%;
max-height: 100%;
height: 15em; /*set your constraint to height/width and set the other to auto*/
width: auto;
}/* center image inside div*/
display: block;
margin-left: auto;
margin-right: auto