How to get the text positioned to stretch the image down?

Good evening! There is a block with position: relative;
Within the block image, below the image is a block with position: absolute.
When you reduce the browser window, the text of course is out of the picture without stretching it. Help to achieve this effect, so that the image depending on the size of the text stretched down. Here is the code below:
https://codepen.io/Alexei_87/pen/MddZrQ
P. S. the Picture specially made frame that could be seen as beyond the text. Please help, as he's struggling with the decision for 3 hours, constantly changing the styles and markup. The solution could not be found
March 23rd 20 at 19:24
0 answer

Find more questions by tags CSS