Html 4列全宽链接块-背景图像

我正在创建一个4列的部分，想知道如何在每个块的背景中放置一个图像。请看下面的片段和我希望最终产品的外观截图

我不知道如何在每一张照片的背景中放置一张照片。有人能帮忙吗

提前谢谢

没有图像是可能的

.row{
显示器：flex；
}
.街区{
显示器：flex；
对齐项目：居中；
颜色：白色；
宽度：25%；
高度：40px；
左侧填充：30px；
位置：相对位置；
}
.block:非（：最后一个子项）：之后{
内容：“；
位置：绝对位置；
排名：0；
左：100%；
宽度：0；
身高：0；
边框样式：实心；
边框宽度：20px 0 20px 20px；
z指数：10；
}
.block：第n个子项（偶数）{
背景颜色：浅灰色；
}
.block:第n个子项（奇数）{
背景颜色：灰色；
}
.block:n个子项（偶数）：之后{
边框颜色：透明浅灰色；
}
.block:第n个子项（奇数）：之后{
边框颜色：透明灰色；
}

第一
第二
第三
第四

hi@Jax-p我已经让它在没有图像的情况下工作了，我只是想知道这些图像是否可行。谢谢