html,
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-image: url('https://images2.imgbox.com/28/99/jD8TijVp_o.png');
  display:grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "header"
    "main" 
    "footer"
}
#header {
  background-image: url('https://bitter-sweet.neocities.org/about/memoriam/images/foot.png');
  height:250px;
  background-size:cover;    
  -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  position:fixed;
  top:0;
  left:0;
  right:0;
  grid-area:header;
}
#main {
  grid-area:main;
  margin:250px auto; 
}
#main .pic {
  height:350px;
  width:350px;
  display:inline-block;
  margin-left:100px;
}
#footer {
  grid-area:footer; background-image: url('https://bitter-sweet.neocities.org/about/memoriam/images/foot.png');
  height:250px;
  background-size:cover;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
}