css - 如何在图像上获取文本，并且也是响应式的？

Question

我的图片上有文字，但它没有响应。当它缩放文本时 过来其他文本。

这是我的CSS

#laatstenieuws > img{
position: relative;
width: 100%;
height: 38.4em;
float: left;
}

#laatstenieuws{
width: 50%;
float: left; 

}

#tekstnieuws{
position: absolute;
z-index: 100;

}

#tekstnieuws > h2{
color: black;
text-align: center;
padding-top: 4em;


}

#tekstnieuws > h3{
font-size: 20px;
text-align: center;
padding-top: 5em;
padding-left: 1em;

}

#tekstnieuws > p{
text-align: center;
padding-top: 3em;
padding-left: 2em;

有谁知道如何使它具有可扩展性？

Answer 1

嗯，我认为这是它的固定部分。 https://jsfiddle.net/8n743xpL/1/

<div id="blogblokken" style="float: right;">