Change the shape of an image using
.circle modifier classes. In addition use
.img-thumbnail to give an image 1px border appearance.
Align images with the helper
float classes or
text alignment classes.
Block-level images can be centered using the
.mx-auto margin utility class.
Anytime you need to display a piece of content—like an image with an optional caption, consider using a figure. Aligning the figure’s caption is easy with text utilities.