Как верстать фон-изображение с контетом внутри?

Есть вот такой блок в макете:

В нем должен быть некоторый контент.
Вопрос в том, как правильнее это сверстать? Просто задать фон блоку и подогнать паддинги или есть способы лучше? И как быть с адаптивностью, если при меньшей ширине экрана контент будет занимать больше высоты? Не могу ничего придумать кроме как при меньшей ширине заменять на простой background-color вместо background-image.
Спасибо.