I have an image that I'd like to pull down to the bottom of a div. In otherwords I want to convert this:
![bad align](https://i.stack.imgur.com/lu6w4.png)

To this:

![good align](https://i.stack.imgur.com/dk5pK.png)

I have tried to do this with CSS using something like creating a class for the img and doing:

```
.align-bottom img {
  bottom: 0px;
}

```

That doesn't seem to do anything at all. If I set the position to be absolute then it puts the img at the bottom of the whole page and not just the div. How can this be done?

JSFiddle here: <http://jsfiddle.net/uezwpw40/>