<div class="yay">

<div class="cube1"><img src="img/resized.png" class="demo-image"></div>

<div class="cube2"><img src="img/resized.png" class="demo-image"></div>
<div class="cube3"><img src="img/resized.png" class="demo-image"></div>
<div class="cube4"><img src="img/resized.png" class="demo-image"></div>
<div class="cube5"><img src="img/resized.png" class="demo-image"></div>
<div class="cube6"><img src="img/resized.png" class="demo-image"></div>
</div>
/*CSS */
.yay {
background: url(../img/excopy.png) no-repeat;
color:red;
width: 1250px;
overflow: auto;
}
.cube1 {
float: left;
width: 81px;
height: 81px;
margin-left: 45px;
margin-top: 27px;
}
.cube2 {
float: left;
width: 81px;
height: 81px;
margin-left: 17px;
margin-top: 27px;
}
.cube3 {
float: left;
width: 81px;
height: 81px;
margin-left: 72px;
margin-top: 27px;
}
.cube4 {
float: left;
width: 81px;
height: 81px;
margin-left: 97px;
margin-top: 27px;
}
.cube5 {
float: left;
width: 81px;
height: 81px;
margin-left: -6px;
margin-top: 27px;
}
.cube6 {
float: left;
width: 81px;
height: 81px;
margin-left: 84px;

margin-top: 27px;
}
.demo-image{
width: 40%;
text-align: center;
}