* {
  margin:0;padding:0;box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  background: rgb(82,67,136);
  background: -moz-linear-gradient(180deg, rgba(82,67,136,1) 35%, rgba(115,96,184,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(82,67,136,1) 35%, rgba(115,96,184,1) 100%);
  background: linear-gradient(180deg, rgba(82,67,136,1) 35%, rgba(115,96,184,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#524388",endColorstr="#7360b8",GradientType=1); 
}

div#container {
  position: relative;
  width: 100%;
  height: 100%;
}

img {
  width: 30%;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
}