Top and bottom banner

Don't forget to add style.

main:before {

 width: 100%;

 height: 200px;

 display: block;

 content: "";

 background-image: url(https://qph.cf2.quoracdn.net/main-qimg-206ca65132eacb20e6987583665794c4);

background-position: center; 

background-size: 100%;

}

main:after {

  width: 100%;

  height: 200px;

  display: block;

  content: "";

  background-image: url(https://qph.cf2.quoracdn.net/main-qimg-206ca65132eacb20e6987583665794c4);

  background-position: center;

  background-size: 100%;

  margin-top: 20px; /* optional spacing before bottom banner */

}