Лаба №3 / styles

body {
margin: 0;
padding: 0;
}

.composition {
width: 600px;
height: 400px;
background-image: url('img/bg.jpg');
background-size: cover;
background-position: center;
position: relative;
}

.element1 {
position: absolute;
top: 50px;
left: 100px;
width: 100px;
height: auto;
z-index: 7;
}

.element2 {
position: absolute;
top: 150px;
left: 300px;
width: 120px;
height: auto;
z-index: 7;
}

.element3 {
position: absolute;
top: 250px;
left: 150px;
width: 80px;
height: auto;
z-index: 7;
}

.element4 {
position: absolute;
top: 100px;
left: 450px;
width: 90px;
height: auto;
z-index: 7;
}

.element5 {
position: absolute;
top: 200px;
left: 50px;
width: 110px;
height: auto;
z-index: 7;
}

.element6 {
position: absolute;
top: 50px;
left: 350px;
width: 130px;
height: auto;
z-index: 7;
}

.element7 {
position: absolute;
top: 300px;
left: 250px;
width: 100px;
height: auto;
z-index: 7;
}