Добавьте position: relative;
в контейнер div (и высоту).
Затем добавьте position: absolute; bottom: 0;
к самому изображению:
.img-container {
overflow: hidden;
height: 100px;
max-height: 300px;
position: relative;
}
.img {
display: block;
width: 100%;
height: auto;
position: absolute;
bottom: 0;
}
<div class="img-container">
<img class="img" src="http://placekitten.com/400/500" />
</div>
<p>Full image below</p>
<img src="http://placekitten.com/400/500" />