JSFiddle - React, Tailwind, and code Playground

HTML

<!--

- Background image is 400x125
- Background grid is 5x5 with 200x50 overlap = 1200x425

-->

<div id="container">
  <div class="row">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
  </div>
  
  <div class="row">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
  </div>
  
  <div class="row">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
    <img src="https://forums.phpfreaks.com/uploads/monthly_2020_10/logo.png.1db7a630fe2889fc40993f991e90ba06.png">
  </div>
  
  <div class="row">
    <img...

CSS

#container {
  background: #eee;
  height: 425px;
  position: relative;
  width: 1200px;
}

#container .row {
  position: absolute;
}
#container .row:nth-child(1) { top: 0px; }
#container .row:nth-child(2) { top: 75px; }
#container .row:nth-child(3) { top: 150px; }
#container .row:nth-child(4) { top: 225px; }
#container .row:nth-child(5) { top: 300px; }

#container .row img {
  border: 1px solid #999;
  opacity: 0.5;
  position: absolute;
}
#container .row img:nth-child(1) { left: 0px; }
#container .row img:nth-child(2) { left: 200px; }
#container .row img:nth-child(3) { left: 400px; }
#container .row img:nth-child(4) { left: 600px; }
#container .row img:nth-child(5) { left: 800px; }

#foreground {
  background: #fff;
  position: absolute;
  left: 25%;
  top: 25%;
}