how to add images on images css

1.element {
2  background-image: url("imageFile.png");
3}

1.parent {
2  position: relative;
3  top: 0;
4  left: 0;
5}
6.image1 {
7  position: relative;
8  top: 0;
9  left: 0;
10  border: 1px red solid;
11}
12.image2 {
13  position: absolute;
14  top: 30px;
15  left: 30px;
16  border: 1px green solid;
17}