JSFiddle - React, Tailwind, and code Playground

HTML

<img width="50%" src="http://www.mrwallpaper.com/wallpapers/forest-trees-waterfall.jpg">
<div id="blocks">
  <div class="tr">CEAAC / Centre d'art</div>
  <div class="tr">SPL Deux  —  Rives / Société publique locale</div>
  <div class="tr">Relais culturels</div>
  <div class="tr">Lana, Papeterie fine française</div>
  <div class="tr">Super Image / Exposition, vente d’affiches sérigraphiées</div>
</div>

CSS

body {
	  background: #cccccc;
	}
	
	img {
	  position: absolute;
	  top: 20%;
	  z-index: 4;
	}
	
	div#blocks {
	  position: absolute;
	  top: 30%;
	  background: white;
	}
	
	#blocks .tr {
	  border: 1px solid black;
	  background: white;
	  position: relative;
	}
	
	div .tr:nth-child(1) {
	  z-index: 1;
	}
	
	div .tr:nth-child(2) {
	  z-index: 3;
	}
	
	div .tr:nth-child(3) {
	  z-index: 5;
	}
	
	div .tr:nth-child(4) {
	  z-index: 7;
	}
	
	div .tr:nth-child(5) {
	  z-index: 9;
	}