<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<p>change the image background (thumbnails) / the text (contentEditable)</p>
<input type="radio" name="opt" id="thumbnail-0" checked="checked"/>
<label for="thumbnail-0">image 0</label>
<input type="radio" name="opt" id="thumbnail-1"/>
<label for="thumbnail-1">image 1</label>
<input type="radio" name="opt" id="thumbnail-2"/>
<label for="thumbnail-2">image 2</label>
<input type="radio" name="opt" id="thumbnail-3"/>
<label for="thumbnail-3">image 3</label>
<input type="radio" name="opt" id="thumbnail-4"/>
<label for="thumbnail-4">image 4</label>
<input type="radio" name="opt" id="thumbnail-5"/>
<label for="thumbnail-5">image 5</label>
<input type="radio" name="opt" id="thumbnail-6"/>
<label for="thumbnail-6">image 6</label>
<header class="blending">
<h2 contentEditable="true" role="textbox" aria-multiline="true">And stay alive</h2>
</header>
<header class="textclip">
<h2 contentEditable="true" role="textbox" aria-multiline="true">And stay alive</h2>
</header>
