Centering Blogger Picture Gadget Image

Here's a quick one. For some odd reasons, the developers of Blogger's Picture gadget did not feel the need to center the images when they are added. This gives an awkward look, depending on where your pictures are aligned. In some templates, it works fine (I can't remember which). For those of you who want to center your picture gadget's images, here's how.

Before

After

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog. 

.Image img{
display: block;
margin-left: auto;
margin-right: auto;
}

That'd be all. Have fun!