body {
  margin: 0;
  padding: 0;
  background-color: #f0f0f0; /* flat background color */
  height: 100vh;
  position: relative; /* make it a positioning context */
}

.image {
  position: absolute;
  z-index: 0; /* lower value means further back */
}

.text-content {
  position: relative;
  z-index: 1; /* higher value means on top */
}

.img1 {
  top: 50px;
  left: 100px;
}

.img2 {
  top: 200px;
  left: 300px;
}

.img3 {
  bottom: 100px;
  right: 150px;
}