sebastianrothbucher · February 3, 2019 16:48
diff --git a/index.html b/index.html
 <div id="back">
  whatever
  <div id="fore"></div>
 </div>
diff --git a/style.css b/style.css
 #back {
  font-size: 120px;
  font-weight: bold;
  padding: 10px;
  font-family: sans-serif;
  position: relative;
  display: inline-block;
  color: black;
  background-color: white; 
 }
 #fore {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:     url('https://images.unsplash.com/photo-1502209944943-85c1d6146367?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60');
  background-position-x: -250px;
  mix-blend-mode: lighten; /* !!! */
  opacity: 0.9;
 }
diff --git a/waves-font-background.markdown b/waves-font-background.markdown
	#back {
	font-size: 120px;
	font-weight: bold;
	padding: 10px;
	font-family: sans-serif;
	position: relative;
	display: inline-block;
	color: black;
	background-color: white;
	}
	#fore {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('https://images.unsplash.com/photo-1502209944943-85c1d6146367?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60');
	background-position-x: -250px;
	mix-blend-mode: lighten; /* !!! */
	opacity: 0.9;
	}