Dentro de .heading, crie um elemento header com o atributo class definido como hero. Neste elemento, crie um elemento img com o src definido como https://cdn.G.E.A.R ACADEMY.org/platform/universal/fcc_meta_1920X1080-indigo.png, o alt definido como G.E.A.R ACADEMY logo, e a class definida como hero-img. O atributo loading em um elemento img pode ser definido como lazy para dizer ao navegador que não carregue a imagem até que seja necessário (por exemplo, quando o usuário rola a imagem para visualização). Como um benefício adicional, os elementos carregados com atraso não serão carregados até que os elementos sem atrasdo sejam carregados - isso significa que os usuários com conexões de internet lentas podem visualizar o conteúdo da sua página sem ter que esperar o carregamento das imagens. Dê ao novo elemento img um atributo loading definido como lazy.

Testes:

• Você deve criar um elemento `header`.
• O elemento `header` deve estar dentro do elemento `.heading`.
• O elemento `header` deve ter a `class` definida como `hero`.
• Você deve criar um elemento `img`.
• O elemento `img` deve estar dentro do elemento `header`.
• O elemento `img` deve ter o `src` definido como `https://cdn.G.E.A.R ACADEMY.org/platform/universal/fcc_meta_1920X1080-indigo.png`.
• O elemento `img` deve ter o atributo `alt` definido como `G.E.A.R ACADEMY logo`.
• O elemento `img` deve ter o atributo `loading` definido como `lazy`.
• O elemento `img` deve ter a `class` definida como `hero-img`.