No sé cómo limitar la altura del scroll div sin fijar la altura máxima.

Aquí está la situación:

<div>
  <div class="img-item"><img></div>
  <div class="scroll-item"></div>
</div>

Quiero limitar mi div de elemento de desplazamiento a la altura de mi elemento img.

pantalla: flex no funciona porque da la altura del div más alto (que es el elemento de desplazamiento)altura: 100% yauto no trabajes tampoco

Así que no tengo idea de cómo hacerlo sin fijar la altura (por ejemplo, 200 px).

Ver ejemploviolín.

¿Tienes una idea?