Rollover

Roll over image covers. Notice that overflow is hidden so if there is too much text the extra gets cut off (column 4). Be Careful when considering how it will behave responsively.

horizontal1500x1125-blue
Lorem ipsum dolor sit amet
horizontal1500x1125-green
Lorem ipsum dolor sit amet, consectetuer adipiscing
horizontal1500x1125-lavendar
Lorem
horizontal1500x1125-purple
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Using Jumpstart columns notice wpautop=”false”

and the css.
NOTE: this is for square images, if your images are not square divide height by width and then multiply by 100 and use that percentage in line 12 below.