@media (min-width: 768px) {
  .container {
    display: grid;
    grid-template-columns: 200px 1fr 200px;
    grid-template-rows: 25% 1fr auto;

  }
}

header {
  grid-column: span 3;
  padding: 30px;
  text-align: left;
  font-size: 2.4em;
  background-color: #333;
  color: white;
  background-image:url(Images/lion.jpg) ;
  background-size: 40% auto;
  background-repeat:no-repeat;
  background-position: right top;
  line-height:50px
 
}