body {
  background-image: url(Shrek_Swamp.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

img{
  border-radius: 20px;
  border: 5px solid #000000;
  border-color: #000000;
  height: 50px;
  width: 200px;
}

.narration{
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.text1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*
h1{
  text-align: center;
  background-image: url(narration_box.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
*/