Centering a floated image within a div

How can I center the image within my div without breaking the flow of the page?
I want to center id=“image” within its div not within the page itself.
Link to codepen

Try getting rid of the float, then set it to display: block; and margin: auto;