Guys please don’t forget good old text-align: center, for inline elements and texts this is the first thing we should use. So that you don’t have to use two styles, one for texts and another for image (or inline elements)
But in above case, TailwindCSS is used and Tailwind by default applies display: block to images. So you can just use class inline on that image, if parent element has class text-center. If not you can also apply class mx-auto, best incase you only have to center the image.
Good thing about text-align is that it is applied through descendent, so when you change alignment of the parent element it will be applied to the child elements as well. And you don’t have to specifically apply to a particular element. Even for responsive, you’ll have less work to do.