JSFiddle - React, Tailwind, and code Playground

by CBroe

HTML

<div class="d1">
  <span class="p1"></span>
  <span class="p2"></span>
  <span class="p3"></span>
  <span class="p4"></span>
  <span class="p5"></span>
</div><div class="d1">  
  <span class="p6"></span>
  <span class="p7"></span>
  <span class="p8"></span>
  <span class="p9"></span>
  <span class="p10"></span>
</div>
<div class="d2">911<span>:</span>Never forget</div>

CSS

* { margin:0; padding: 0; }
.d1 { display:flex; flex-direction:row;  }
.d1 span { flex-grow:1; height:50vh; background-repeat:no-repeat; }

.d2 { font-family: 'Share Tech Mono'; font-size:10vw; color:#eee; text-transform: uppercase; position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center; }
span { display:block; }
.d2 span { margin:.1em; }
.p1 { background-image:url(https://s3.amazonaws.com/static.imposemagazine.com/wp-content/uploads/2014/09/4199980e020c5258bdba51d5227cc6d6.jpg); }
.p2 { background-image:url(https://www.zimbabwesituation.com/wp-content/uploads/2018/09/Police-brutality.jpg); }
.p3 { background-image:url(http://media.al.com/live/photo/famousphotojpg-a5c4d165678adfdd.jpg); }
.p4 { background-image:url(https://cdn.theatlantic.com/assets/media/img/mt/2015/05/pepper_spraying/lead_720_405.jpg?mod=1533691745); }
.p5 { background-image:url(http://www.emdin-russell.com/wp-content/uploads/2016/04/edmin-police-shooting-police-brutality.jpg); }
.p6 { background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTCDh3EbGC3QOSh04G7AO9Xm6KDRJAMPyElYa7DVX8Tp5oKPTuP); }
.p7 { background-image:url(https://www.usnews.com/dims4/USNEWS/cbcf62a/2147483647/thumbnail/640x420/quality/85/?url=http%3A%2F%2Fcom-usnews-beam-media.s3.amazonaws.com%2F4c%2F30%2Fed09d18d4df0a4c6374aa93e1d9e%2F170217-francepolice-editorial.jpg); }
.p8 { background-image:url(https://i.dailymail.co.uk/i/pix/2011/10/14/article-2049137-0E5FEE4400000578-741_634x424.jpg); }
.p9 { background-image:url(https://dur-duweb.newscyclecloud.com/storyimage/DU/20111029/NEWS01/710299919/AR/0/AR-710299919.jpg?ts=1477681432); }
.p10 { background-image:url(http://edielaw.com/wp-content/uploads/2014/07/Edie-Rogoway-Portland-employment-attorney-Portland-civil-rights-lawyer-portland-police-brutality-portland-police-excessive-force.jpg); }

.p1 { background-size:100%; background-position:50% 50%; }
.p2 { background-size:100%; background-position:50% 50%; }
.p3...