My img div is floating in the other div

I'm trying to get my bootstrap img-responsive to get to the bottom of the div, but it no matter what I do, it won't move. I've tried altering the img-resposive CSS file setting height:to 0and bottom:to 0 but it doesn't fix the problem. I'm new to this and probably missing something out, so please be tolerant.

<!--this is the bootstrap.css file -->
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: 0;
  bottom:0;

}

<!--and this is the html -->
<div class="col-md-9 hidden-sm">
                    <img src="img/valencia.png" class="img-responsive animated fadeInRight" alt="mockup">
                </div>

via Chebli Mohamed