Tarefa 07 Layout Responsivo
Crie uma página simples responsiva com uma imagem e um texto que se ajuste ao tamanho da tela usando CSS.
O layout padrão, vertical, deve apresentar a imagem na parte superior da página, seguida do texto na parte inferior.
Porém, para uma determinada largura da página, quando houver espaço adequado para, o texto deve aparecer ao lado da imagem, apresentando um layout horizontal.
Veja um protótipo de exemplo: Utilize a tag própria para uso de imagens na página HTML. Atribua à imagem e ao texto uma classe referência em CSS. A imagem deve ocupar 100% da largura do Viewport se a página estiver com o layout vertical. Não implemente códigos CSS no arquivo HTML. Pense Mobile-first!