Use `display: block; margin: 0 auto;` on the image
Wrap the image in a parent element and set the parent to `text-align: center;`
Use Flexbox on the parent: `display: flex; justify-content: center;`
Use Grid on the parent: `display: grid; place-items: center;`
For vertical and horizontal centering, use Flexbox with `align-items: center; justify-content: center;`
For an inline image, set the parent container’s `text-align: center;`
For a responsive image, use `max-width: 100%; height: auto;` with centering styles