Background Image in Workspaces for Index.html

<div class="main-nav">
    <ul class="nav">
      <li class="name">Adriel Lazarus</li>
      <li><a href="#">Home</a></li>
      <li><a href="#">Experience</a></li>
      <li><a href="#">Photos</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
</div>

<header>
  <img src="https://placeimg.com/1000/1000/any/grayscale" alt="Drawing of Adriel Lazarus" class="profile-image">
  <h1 class="tag name">Hello, I’m Adriel.</h1>
  <p class="tag location">My home is Boon Lay, Singapore.</p>
</header>

<main class="flex">
  <div class="card">
    <h2 class="card-title">Background</h2>
      <ul>
        <li>I’m an aspiring web designer who loves everything about the web.</li> 
        <li>I've lived in lots of different places and have worked in lots of different jobs.</li> 
          <li>I’m excited to bring my life experience to the process of building fantastic looking websites.</li>
      <li>I’ve been a professional cook and gardener and am a life-long learner who's always interested in expanding my skills.</li>
        </ul>
      <h3>A New Subsection</h3>
  </div> 

  <div class="card">
    <h2 class="card-title">Goals</h2>
    <p>I want to master the process of building web sites and increase my knowledge, skills and abilities in:</p>
    <ul class="skills">
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
      <li>Ruby</li>
      <li>Rails</li>
    </ul>
    <p>I’d like to work for a web design firm helping clients create an impressive online presence.</p>
  </div> 

</main>
<footer>
  <ul>
    <li><a href="#" class="social twitter">Twitter</a></li>
    <li><a href="#" class="social linkedin">LinkedIn</a></li>
    <li><a href="#" class="social github">Github</a></li>
  </ul>
  <p class="copyright">Copyright 2020, Adriel Lazarus</p>
</footer>