Não consigo centralizar a imagem

Bom dia pessoal, alguém pode me dizer onde estou errando... já tentei de várias maneiras centralizar a imagem

import React from 'react'
import NavBar from '../components/NavBar'

const Header = () => {
return (
<div className='bg-gray-600'>
<h1>
<img
className='h-64 py-4 mx-auto'
src='kaio1.png'
alt= 'XXXXXXXXXXXXX'
height='200'
/>
</h1>
<NavBar />
</div >
)
}
export default Header