Относительный div с абсолютными изображениями - почему не выглядит относительным?

Question

Div под названием "картинка" не ведет себя так, как должно быть. Он помещается в div "some-content", а его высота не автоматическая. Если я вручную установлю высоту div "picture", все будет нормально. Но мне нужна высота: авто по отзывчивым причинам.

.picture {
  position: relative;
  height: auto
}

.picture img {
  position: absolute;
  top: 50px;
  left: 50%
}

.some-content {
  position: relative
}

<div class="container">
  <div class="picture">
    <img src="img/image1.jpg">
    <img src="img/image2.jpg">
    <img src="img/image3.jpg">
  </div>
  <div class="some-content">
    <p> This is content </p>
  </div>
</div>