Html 将背景颜色与图像重叠，但不与内容重叠

请看下面的JS小提琴，希望这会有意义。目前，我已经在图像上添加了一个负边距，图像位于整个div（red bock）的顶部，我想要的是图像位于红色背景色的顶部，而不是内容（文本）

.coloredBlock{
背景色：红色；
颜色：白色；
文本对齐：右对齐；
}
.图像块img{
左边距：-120px；
}

这是一篇课文

刚刚将此添加到代码中，因此它可以用于所有内容：

.coloredBlock h1{
  position: relative;
  z-index: 100;
}

---

你能再多解释一下你想要什么吗？哇，真不敢相信事情竟那么简单。这似乎满足了我的需要。将在我的项目中试一试，然后再看。谢谢