Images don’t stay inside the div

Question

I have a div where I want to leave 2 images on top of each other, and only the image checked in an input will be visible, while the caption of the visible image should be positioned to the right of the image. However, I’m trying to leave the div container with position:relative; and images with position:absolute, so that the images stay Bsolute in relation to div, but I’m not succeeding. the images "run away" from the div, the div is left with nothing inside and the content is just below.

Here’s what I got: https://jsfiddle.net/rckecf2b/1/

Could you help me ?

Answer 1

I turned the comment into a response:

Place height: 200px; in the css statement #container-fim-ap, see: fiddle