html, body{
height: 100%;
width: 100%;
/* you might want an additional container instead of setting
* the display: table; directly on , depending on use case */
display: table;
background-image:(rosepeak3.png);
background-position: center; /* as mentioned in other answers */
background-repeat: no-repeat;
background-attachment: scroll;
}
.container {
display: table-cell;
text-align: center;
vertical-align: middle; /* only works because of table-cell display */
}
#image {
border-radius: 50px;
height: 1024px;
width: 1024px;
}