#cube {
    position:relative;
    margin:0px;
    height:150px;
    width:150px;
}

.face {
    position: absolute;
    height: 140px;
    width: 140px;
    padding: 0px;
    border: none;
}

#f1 {
    -webkit-transform: rotateX(90deg) translateZ(70px);
    background-image:url("../../HTML/Images/1.jpg");
}

#f2 {
    -webkit-transform: translateZ(70px);
    background-image:url("../../HTML/Images/2.jpg");
}

#f3 {
    -webkit-transform: rotateY(90deg) translateZ(70px);
    background-image:url("../../HTML/Images/3.jpg");
}

#f4 {
    -webkit-transform: rotateX(180deg) translateZ(70px);
    background-image:url("../../HTML/Images/4.jpg");
}

#f5 {
    -webkit-transform: rotateY(-90deg) translateZ(70px);
    background-image:url("../../HTML/Images/5.jpg");
}

#f6 {
    -webkit-transform: rotateX(-90deg) translateZ(70px) ;
    background-color:transparent;
}