Для выравнивания картинки по центру блока в CSS можно использовать следующий код:

img {
  display: block;
  margin: 0 auto;
}

Здесь мы задаем для изображения свойство display: block, чтобы оно занимало всю ширину блока, и устанавливаем отступы сверху и снизу в 0, а слева и справа автоматически выравниваем по центру с помощью свойства margin: 0 auto;.