div { height: 120px; margin: 1em; border: 1px solid gray; line-spacing: 0em;}

#plainblack {
  color: black;
  background-color: white;
  background-image: url('beach.jpg');
  background-position: 0% 100%
}
#plainblack p
{
  color: black;
  background-color: white;
  background-image: none;
}  

#plainwhite {
  color: white;
  background-color: black;
  background-image: url('beach.jpg');
  background-position: 100% 100%
}

#plainwhite p{
  color: white;
  background-color: black;
  background-image: none;
}

#light {
  color: black;
  background-color: white;
  background-image: url('fadedbeach.jpg');
  background-position: 0% 100%
}

#dark {
  color: white;
  background-color: black;
  background-image: url('darkenedbeach.jpg');
  background-position: 100% 100%

}