A media box is used to juxtapose a piece of media (like an image) with a block of content. It is used when the media and content is treated holistically as one block and does not align to the grid.
There are modifier classes on the media element to size the media and to present it either on the left or right.