Minha resolução ficou desta forma com o uso das grid-templeta-areas:

.agenda__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows:auto 1fr;
    grid-template-areas: 
    "imagem imagem"
    "informacoes atracao";
}

.agenda__item img {
    grid-area: imagem;
}

.agenda__informacoes {
    grid-area: informacoes;
}

.agenda__atracao {
    grid-area: atracao
}

O que me deixou com dúvida foi este trecho:

.agenda__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
}

Ele é utilizado pra definir que a primera linha ocupa o tamanho do elemento e que sobre de espaço vá para a segunda linha, mas como exatamente se usa o grid-template-columns para definir a altura das linhas ??? Desde já agradeço!