body {
  background: url("images/background.jpg");
  color: white;
  
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.container {
  justify-content: center;
  margin-top: 20px;
  min-height: 570px; /*min-height: 60vh;*/
  height: 470px;
  
  display: grid;
  gap: 10px 10px;
  grid-template-columns: 300px 800px;
  grid-template-rows: 300px 300px 300px; /*auto 1fr 1fr auto*/
  grid-template-areas: 
  "quest-a a-art"
  "quest-b b-art"
  "quest-c c-art";
  }
  
.quest-a {
  grid-area: quest-a;
  background-color: red;
  /*background: url("images/main-container.jpg");*/
  background-size: cover;
  border: 4px solid rgba(54, 9, 4, 1);
  }
  
  .quest-nested {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    padding: 10px;
    margin: 10px;
    background-color: rgba(54, 9, 4, 0.8);
    text-align: center;
    justify-content: center;
    align-content: center;
    }

.a-art {
  grid-area: a-art;
  background-color: green;
  /*background: url("images/main-container.jpg");*/
  background-size: cover;
  border: 4px solid rgba(54, 9, 4, 1);
  overflow-y: scroll;
  }
  
  .art-nested {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 20px;
    margin: 0;
    gap: 10px;
    }
    
  .art-nested h1 {
    background-color: rgba(54, 9, 4, 0.9);
    border: 1px solid;
    padding: 20px;
    margin: 0;
    /*font-family: Copperplate-32-BC;*/
    }

.quest-b {
  grid-area: quest-b;
  background-color: orange;
  /*background: url("images/main-container.jpg");*/
  background-size: cover;
  border: 4px solid rgba(54, 9, 4, 1);
  }
  
.b-art {
  grid-area: b-art;
  background-color: blue;
  /*background: url("images/main-container.jpg");*/
  background-size: cover;
  border: 4px solid rgba(54, 9, 4, 1);
  overflow-y: scroll;
  }
  
.quest-c {
  grid-area: quest-c;
  background-color: yellow;
  /*background: url("images/main-container.jpg");*/
  background-size: cover;
  border: 4px solid rgba(54, 9, 4, 1);
  }
  
.c-art {
  grid-area: c-art;
  background-color: violet;
  /*background: url("images/main-container.jpg");*/
  background-size: cover;
  border: 4px solid rgba(54, 9, 4, 1);
  overflow-y: scroll;
  }