PARA TABLET TERIA DE COLOCAR A PRIMEIRA IMAGEM OCUPANDO DUAS COLUNAS PARA CONSEGUIR MOSTRAR ELA INTEIRA. GRAÇAS A ESSE ERRO A IMAGEM FICOU CORTADA. AQUI ESTÁ PRA QUEM QUISER CORRIGIR A MINHA HUMILDE SUGESTÃO:
.banner img:nth-child(4){ /* Y X Y X */ grid-area: 1 / 4 / 3 / 5 ; }