Snippets/Image Expand on Hover

Description
Enables the user to create a gallery of images where the image expands to twice it's normal size when Hovered over by the mouse or by the hand on touch devices. Tested in most of the major browsers. Works with all the Mediawiki galleries, but will not work with a "LightBox" feature meaning it's doubtful it will work with the new MediaViewer. Will work with Extension:JavascriptSlideshow.

Update: I just rechecked and it does seem to work even if a "LightBox" feature is active on click. Semantic Mediawiki gallery results will expand upon hover, but will overlay on click. The Lightbox feature works inside the Foreground skin (so I assume it will work in the MediaViewer coming out in 1.23).

Visual Example
Normal Gallery (packed mode):

Expanded Image same gallery:

Usage
Gallery, or Image, must be between the following division tags: 

Example: 

Mediawiki Galleries is a name of a template I use on my site. This would work equally well between a gallery opening tag.

Code
Expand upon Hover.css:

Changing Size of Expanded Image
One can change the size of the expanded Image by changing the scale function inside the CSS Code. Additionally, you could in theory change it by a page by page basis if you're using Extension:CSS.