Use twitter bootstraps img-responsive 

This will make the uploaded image fit into the space we have available if the image is too big.

You can see more detail about Responsive Images in the [Bootstrap Documentation here](http://getbootstrap.com/css/).

This will not fix your heroku troubles, but this simple line will make it look better in localhost.  I'll help you with  your heroku troubles next.