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;
		}
	}
}