@media (min-width: 768px) and (max-width: 1279px) {
   .section--cover .container {
      grid-template-rows: auto auto 1fr;
   }
   .section--cover .cover__image {
      grid-column: 2 / 6;
      grid-row: 1 / 2;
      margin: 0;
      max-width: 600px;
      justify-self: flex-end;
   }
   .section--cover .cover__intro {
      grid-column: 2 / 6;
      padding: 0;
      max-width: 33em;
   }
}

@media (min-width: 1280px) {
   .section--cover .cover__image {
      grid-column: 4 / 6;
      grid-row: 1 / 3;
   }
}