How can I find out the height of a layer with position absolute and move what is under the layer to it?

Question

css

Hello gentlemen and ladies. Here is an example codepen.io/sanns/pen/MaQwrB . As you can see, under the image input. Above the picture is a menu. I do for Drupal. There will not be an image on all pages. What can you think of so that when there is no picture codepen.io/sanns/pen/bVLdvr , you can still enter a value in input ? Adaptive.
Thank you!
upd can also remove absolute, of course, but how would it be convenient to do this for different Drupal pages?

Answer 1

codepen.io/27cm/pen/VvQvZK
Wrap the image and menu in a block with a minimum height:

.answer {
  position: relative;
  min-height: 52px;
}