html_css

1
.composition {
2
    width: 600px;
3
    height: 400px;
4
    position: relative;
5
    background: url("img/bg.jpg");
6
}
7
.comp-item {
8
    position: absolute;
9
}
10

11
.comp-item.planet-1 {
12
  top: 23px;
13
  left: 186px;
14
  z-index: 1;
15
}
16

17
.comp-item.planet-2 {
18
  top: 66px;
19
  left: 51px;
20
  z-index: 2;
21
}
22

23
.comp-item.planet-3 {
24
  top: 139px;
25
  left: 145px;
26
  z-index: 4;
27
}
28

29
.comp-item.asteroid {
30
  top: 80px;
31
  right: 110px;
32
}
33

34
.comp-item.spaceship {
35
  top: 155px;
36
  left: 144px;
37
  z-index: 3;
38
}
39

40
.comp-item.ufo {
41
  top: 293px;
42
  left: 117px;
43
  z-index: 5;
44
}
45

46
.comp-item.superman {
47
  bottom: 0;
48
  right: 36px;
49
}