@media (max-width: 768px) {
  .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
      "learn-more learn-more learn-more learn-more "
      "iphone iphone iphone iphone"
      "one-brand one-brand game-our game-our"
      "i-mac i-mac i-mac i-mac"
      "connet-twitter connet-twitter i-cloud i-cloud"
      "best-choice best-choice i-cloud i-cloud"
      "much-better much-better much-better much-better"
      "Vision Vision Vision Vision";
  }
  .much-better {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}