title: How to add a background image to a section CSS
body: <p>I am trying to get a section up and running on my website. I want to add a background image instead of a color. I have tried reading here and other websites and nothing I try seems to work. I am using this section code: </p>
  
  <p><a href="https://codepen.io/ckor/pen/lBnxh" rel="nofollow noreferrer">https://codepen.io/ckor/pen/lBnxh</a></p>
  
  <pre><code>!* {
  box-sizing: border-box; 
  }
  
  ebody {
  margin: 0; 
  font-weight: 500;
  font-family: 'HelveticaNeue';
  }
  
  esection {
  width: 100%;
  padding: 0 7%;
  display: table;
  margin: 0;
  max-width: 100%;
  
  background-image: url('https://s15.8cb2jiu3/banner_test.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  
  &amp;:nth-of-type(2n) {
  background-color: #D55B79;
  }
  }
  
  .eintro {
   height: 90vh;
   }
  
   .econtent {
    display: table-cell;
    vertical-align: middle;
    }
  
    eh1 {
    font-size: 3em;
    display: block;
    color: white;
    font-weight: 300;
    }
  
    ep {
    font-size: 1.5em;
    font-weight: 500;
    color: #C3CAD9;
    }
  
    ea {
    font-weight: 700;
    color: #373B44;
    position: relative;
  
    e&amp;:hover{ 
    opacity: 0.8;
    }
  
    e&amp;:active {
    top: 1px;
    }
    }
  
    efooter {
    padding: 1% 5%;
    text-align:center;
    background-color: #373B44;
    color: white;
  
    ea {
    color: #FE4B74;
    font-weight: 500;
    text-decoration: none;
    }
    }
  </code></pre>
  
  <p>I have added this to the code: </p>
  
  <pre><code> section {
      width: 100%;
      padding: 0 7%;
      display: table;
      margin: 0;
      max-width: 100%;
  
      background-image: url('https://s15.banner_test.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  </code></pre>
  
  <p>The goal is to add images that are left or right justified and then add some text to the section. I am aiming for a left image then the next box is a right image and so on. I have seen the effect on other websites and it looks good if done correctly.</p>