<style>

#image {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#content {
  position: absolute;
  top: 1200px;
  margin-left: 50px;
  color: #121212;
}

.image1{
  width: auto;
  height: 100px;
  padding: 20px;
}

</style>

<div id='image'>
  <img src='http://i.imgur.com/GTNm3j7.jpg' width='100%' />
  <img src='http://i.imgur.com/yLSx4Hy.png' width='100%' />
</div>

<div id='content'> <!-- A content section -->
  <h2>
     My Title!
  </h2>
  <p>
     Write something here!
  </p>

  <hr /> <!-- A LINE -->

  <h4>
     A smaller title!
  </h4>

  <p>
    Write something for title 2 here!
  </p>

  <hr />

  <h4>
    <u>
      My Weapon of Choice
    </u>
  </h4>

  <img class='image1' src='http://i.imgur.com/GTNm3j7.jpg' alt='My Mastered Weapon' />

</div>