JavaScript, зачем нужен второй await в данном примере

Const imgContainer = document.querySelector('.images');
async function showAvatar() {
let githubResponse = await fetch(`[URL юзера в API github, не пропускает антиспам] `);
let githubUser = await githubResponse.json();

let img = document.createElement('img');
img.src = githubUser.avatar_url;
img.className = 'promise-avatar-example';
document.body.append(img);

await new Promise((resolve, reject) => setTimeout(resolve, 3000));
img.remove();
return githubUser;
}

showAvatar();

Код выше просто показывает аватарку пользователя на гитхабе, я только начал учить JS и был бы рад, если бы подсказали, почему код не работает, если из
let githubResponse = await fetch(`[URL юзера в API github, не пропускает антиспам] `);
let githubUser = await githubResponse.json();

сделать вот это ( т. е. убрать второй await )
let githubResponse = await fetch(`[URL юзера в API github, не пропускает антиспам] `);
let githubUser = githubResponse.json();
Какую функцию он выполняет? Первый Await же останавливает работу этой функции, пока не будет выполнена загрузка. А что делает второй await?

Буду очень благодарен за адекватный ответ.