Banner Image with Text

gistfile1.txt

<style>
  .content-wrapper{
      width: 100%;
  }

  .content-wrapper img{
      width: 100%;
  }

  .text-wrapper{
      width: 100%;
      position: relative;
      margin-top: -30%;
  }

  .text-wrapper h1{
      text-align: center;
      color: #ffffff;
      font-size: 64px;
      font-family: "Open Sans";
      margin-bottom: 20%;
}
</style>

<div class="content-wrapper">
  <img src="https://cporter.wildapricot.org:443/resources/Pictures/Banners/students.jpg">
  <div class="text-wrapper">
      <h1>Student Intern Newsletter</h1>
  </div>
</div>