body, html {
  height: 100%;
}

* {
  box-sizing: border-box;
}

.bg-image {
  /* The image used */
  background-image: url("background.jpg");

  /background: no-repeat center center fixed; 
  background-size: cover;
  display: block;
  left: -10px;
  top:-10px;
  bottom:-10px;
  position: fixed;
  right: -10px;
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -o-filter: blur(8px);
  -ms-filter: blur(8px);
  filter: blur(8px);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  margin:-10px;
}

.main {
    height: 600px;
    width: 800px;
    background: white;

    position: absolute;
    top: 50%;
    left: 50%;
	padding: 40px 60px 60px 60px;
	transform: translate(-50%, -50%);
	
	font-family: Arial, Helvetica, sans-serif;
	
	text-align: center;
}

.image-container {
  display: flex;
  justify-content: center;
}