html,body{
    margin:0;
    height:100%;
}
img{
  display:block;
  width:799px; 
  height:1010px;
  float: left;
  clear: none;
}

#container {
background-color: lavender;
/*height: 1800px;*/
/* by removing height the parent object container will grow to fit an ever expanding list of child objects */
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
float: left;

}

.story {
width: 85%;
margin-left: 5%;
margin-right: 5%;
margin-top: 10px;
background-color: mediumpurple;
height: 55px;
font-size: 24pt;
color: white;
/* inside the header we indent objects objects */
padding-left: 3%;
}

::backdrop {
  background-image: linear-gradient(
    45deg,
    magenta,
    rebeccapurple,
    dodgerblue,
    green
  );
  opacity: 0.75;
}