div {

  border:solid ;

  padding:6vw ;

  position:relative;

}

div:before{

  content:'';

  position:absolute;

  z-index:-1;

  top:0;

  left:0;

  bottom:0;

  right:0;

  background:url(http://lorempixel.com/1600/800/nature/1) fixed center;

  filter:blur(4px);

  background-size:100vw auto;

  /* makup ? */

  box-shadow:inset 0 0 0 50vw rgba(255,255,255,0.2)

}

/* makup to center content */

html {

  min-height:100%;

  display:flex;

  background:url(http://lorempixel.com/1600/800/nature/1) fixed center;

  background-size:100vw auto

}

body {

  margin:auto;

}

/* Setting background image and filter to blur */

body{

      background-image: url("software_code_3.jpg");

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover;

      background-attachment: fixed;

      color: whitesmoke;

      backdrop-filter: blur(8px);

/*       -webkit-filter: blur(8px); */

    }

/* creating a kind of "glass-polymorphism" effect with a light-dark background*/

.container {

      border: 1px;

      border-radius: 5px;

      background-color: rgb(0,0,0);

      background-color: rgba(0,0,0, 0.4);

      padding: 20px;

    }

.blur-image {

  background-image: url("path/to/image.jpg");

  background-size: cover;

  filter: blur(5px);

  -webkit-filter: blur(5px); /* Safari support */

}

html, body {

  width: 100%;

  height: 100%;

}

​

.container {

  width: 100%;

  height: 100%;

  display: grid;

  grid-template-columns: 1fr 6fr 1fr;

  grid-template-rows: 1fr 6fr 1fr;

  grid-template-areas: 

  '. . .'

  '. content .'

  '. . .'; 

  justify-content: center;

  align-items: center;

}

​

.backbround {

  width: 100%;

  height: 100%;

  grid-area: 1/1/5/5;

  background-image: url(https://i.imgur.com/aUhpEz3.jpg);

  filter: blur(5px);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

​

.content {

  height: 200px;

  position: relative;

  grid-area: content;

  display: flex;

  justify-content: center;

  align-items: center;

  color: white;

}