Lorema

Если на картинке ничего нет, то можно не бэкграундом, а просто картинку запихать в блок. И прописать примерно такое:

div.block{
    width: 100%;
    height: auto;
}
div.block img{
    width: 100%;
    height: auto;
}

Может быть попробовать html, body и оберткам этого блока задать width: 100%, height: 100%
А для текста display: block чтобы друг под другом был (вместо br)
хотя не факт что понял вопрос)

если задать свойство background-size: cover, изображение будет масштабироваться под размеры блока.

десятки br не используйте, для позиционирования есть такие свойства, как margin (внешний отступ) и padding (внутренний), абсолютное позиционирование или псевдо-таблицы (display: table-cell; vertical-align: bottom;)