body {
 background-image: url('https://i.pinimg.com/736x/e4/27/83/e427837147569e885faac40184e841f8.jpg'); 
 background-size: 400px;
}

.container {
  display: grid;
  max-width: 1000px;   /* never wider than 800px */
  width: 100%;        /* shrink on smaller screens */
  margin: 0 auto;     /* center horizontally */        
  box-sizing: border-box; 
  border: 10px solid black;
  grid-template-columns: 1fr 1fr; /* two equal columns */
  grid-template-rows: auto auto auto; /* three rows */
  grid-template-areas:
  "listen listen"
  "lyrics about"
  "lyrics comments";
  gap: 20px; 
  height: 70vh;
}

.listen {
  grid-area: listen;
  background-color: white;
  max-width: 1000px;   /* never wider than 800px */
  width: 100%;        /* shrink on smaller screens */
  margin: 0 auto;     /* center horizontally */
  padding: 16px;      /* breathing room */
  box-sizing: border-box; 
}

.lyrics {
  grid-area: lyrics;
  background-color: white;
  max-width: 500px;   /* never wider than 800px */
  width: 100%;        /* shrink on smaller screens */
  margin: 0 auto;     /* center horizontally */
  padding: 16px;      /* breathing room */
  box-sizing: border-box; 
  overflow-y: auto;
}

.about {
  grid-area: about;
  background-color: white;
  max-width: 500px;   /* never wider than 800px */
  width: 100%;        /* shrink on smaller screens */
  margin: 0 auto;     /* center horizontally */
  padding: 16px;      /* breathing room */
  box-sizing: border-box; 
}

.comments {
  grid-area: comments;
  background-color: white;
  max-width: 500px;   /* never wider than 800px */
  width: 100%;        /* shrink on smaller screens */
  margin: 0 auto;     /* center horizontally */
  padding: 16px;      /* breathing room */
  box-sizing: border-box; 
}