XenForo How to Control This images Resize in html/css

[Amana.Interiors]

im trying to add image which there is text written everything was ok but this image i couild.t control the size to be a backround of the text or at lest




here is my html code

HTML:

<div class="container">
  <img src="/media/6037214.jpg" alt="Notebook" style="width:50%;">
  <div class="content">
    <h1>Heading</h1>
    <p>text here more</p>
  </div>
</div>

and

CSS:

.container {
  position: relative;
  text-align: center;
  color: white;
}

.container .content {...

Read more

Continue reading...