<!-- Forum question answer only:

https://www.sitepoint.com/community/t/insert-image-and-content-in-div-block/374474/12

-->
<div class="wrap">

  <h1 class="main-heading">Page Heading goes here</h1>

  <div class="cast">
    <h2>Favorite Movie: The Wiz</h2>
    <p class="release">Release Date: 1978</p>
    <ul class="cast-list">
      <li>Diana Ross as Dorothy</li>
      <li>Theresa Merritt as Aunt Em</li>
      <li>Stanley Green as Uncle Henry</li>
      <li>Michael Jackson as Scarecrow</li>
      <li>Nippy Russell as Tinman</li>
      <li>Ted Ross as Lion</li>
      <li>Mable King as Evillene</li>
      <li>Richard Pryor as the Wiz</li>
      <li>Lena Horne as Glinda the Good</li>
    </ul>
  </div>

  <h2>My three favorite bands are:</h2>

  <ul class="fav-bands">
    <li>Earth Wind & Fire</li>
    <li>Alpha Blondy</li>
    <li>Brian Culbertson</li>
  </ul>

  <h2>My three favorite foods are:</h2>

  <ol class="fav-foods">
    <li>Garden Salads</li>
    <li>Vegetable Biryani</li>
    <li>Sweet Potato Pudding</li>
  </ol>

  <h2>My dream vacation destination is:</h2>

  <dl class="destination">
    <dt>Alaska, nicknamed the last frontier </dt>
    <dd>Visiting mid to late May will offer 60 degree temperatures, less rain and fewer crowds.</dd>
    <dd>It's an ideal time to explore National Parks, visit varies cities, and experience the culture.</dd>
  </dl>

</div>

html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,
body {
  margin: 0;
  padding: 0;
  background: #ccc;
}
h1,
h2 {
  color: #4b0082;
  font-size: 1.6rem;
  margin: 1rem 0;
}
.wrap {
  max-width: 1280px;
  margin: 1rem auto;
  padding: 10px;
  border: 3px solid #000;
  background: url(https://picsum.photos/seed/picsum/1600/1200);
  background-size: cover; /*image fits exactly in the div block*/
  background-position: center;
  box-shadow: 0 020px 20px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.main-heading {
  text-align: center;
  font-size: 2rem;
  color: #4b0082;
}
.cast {
  background: #dcdcdc;
  border: 5px solid black;
  padding: 15px;
  width: auto;
  float: right;
  max-width: 400px;
}
.cast-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cast-list li {
  color: #0000ff;
  margin: 0 0 0.5rem;
  font-size: 1rem;
  font-weight: bold;
}
.release {
  color: #4b0082;
  font-weight: bold;
  font-size: 1.4rem;
  margin: 1rem 0;
}
.fav-bands {
  color: #8b0000;
}
.fav-bands li {
  font-size: 1.2rem;
}
.fav-foods {
  color: #bc8f8f;
  list-style: lower-roman;
}
.fav-foods li {
  font-size: 1.2rem;
}
.destination {
  margin: 1rem 0;
  color: #ba55d3;
  margin: 0 0 0 2rem;
}
.destination dt {
  font-weight: bold;
  font-size: 1.4rem;
  margin: 0 0 0.5rem;
}
.destination dd {
  font-size: 1.2rem;
  margin: 0 0 0.5rem;
  padding: 0 0 0 2rem;
}

@media screen and (max-width:800px) {
  .cast {
    float: none;
    max-width:none;
  }
}