body {
  background: #cfcfcf;
}

#container, #water {
  background-image: url("../img/lake.jpg");
  background-position: center bottom;
}

#container {
  position: absolute;
  top: calc(50% - 206px);
  left: calc(50% - 275px);
  height: 412px;
  width: 550px;
}

#container:after {
  position: absolute;
  top: 10%;
  left: 2.5%;
  z-index: -1;
  content: '';
  display: block;
  height: 95%;
  width: 95%;
  background: #0f0f0f;
  -webkit-filter: blur(30px);
          filter: blur(30px);
}

#container #water {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 66%;
  -webkit-filter: url("#turbulence");
          filter: url("#turbulence");
  overflow: hidden;
}