div {
  height: 10em;
  background: url(https://s-media-cache-ak0.pinimg.com/originals/cd/34/3c/cd343cee046f5fd545f2a21dccbc6b92.jpg) 50%;
  background-size: cover;
  
  &:before {
    display: block;
    font: 900 8em/1.25 verdana, sans-serif;
    text-align: center;
    content: 'BOO';
  }
  
  &:first-of-type {
    &:before {
      background: #fff;
      color: #000;
      mix-blend-mode: lighten;
    }
  }
  
  &:last-of-type {
    &:before {
      background: #000;
      color: #fff;
      mix-blend-mode: darken;
    }
  }
}