سلام دوست عزیز.

شما دوتا راه داری.

1. بیایی و به پدر المانت یک کلاس بدی و به اون کلاس text-align رو center بذاری

<div class="center">
<img .../>
</div>


.center{
text-align:center;
}

۲. دومین حرکتی که میتونی بزنی اینه که فاصله از سمت چپ و راست رو مقدارش رو auto قرار بدی.

img{
margin:0 auto;
}

۳. حرکت آخر هم استفاده از flex هستش که مقادیر زیر رو میتونی به المان پدر تصویرت بدی

.parent{
    display: flex;
    justify-content: center;
    align-items: center;
}