Backgrounds

<div>
  <h1>
    Monsoon
  </h1>
  <p>
    A monsoon is traditionally a seasonal reversing wind accompanied by corresponding changes in precipitation, but is now used to describe seasonal changes in atmospheric circulation and precipitation associated with the asymmetric heating of land and sea.
  </p>
</div>

div {
  padding: 60px;
  background-image: url('https://images.pexels.com/photos/2512387/pexels-photo-2512387.jpeg?auto=compress&cs=tinysrgb&w=400');
  /* Image stretches to occupy full space */
  background-size: cover;
}

div {
  padding: 60px;
  background-image: url('https://images.pexels.com/photos/2512387/pexels-photo-2512387.jpeg?auto=compress&cs=tinysrgb&w=200');

  /* Stretches as much as possible
  but shows full image */
  background-size: contain;
  background-repeat: no-repeat;
}

div {
  padding: 60px;
  background-image: url('https://images.pexels.com/photos/2512387/pexels-photo-2512387.jpeg?auto=compress&cs=tinysrgb&w=200');

  /* Width and height separated by a space */
  background-size: 300px 100px;
  background-repeat: no-repeat;
}

div {
  padding: 60px;
  background-image: url('https://images.pexels.com/photos/2512387/pexels-photo-2512387.jpeg?auto=compress&cs=tinysrgb&w=200');

  /* Width is 60% */
  background-size: 60%;
  background-repeat: no-repeat;
}