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

Question

[Dymok]

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

spoiler

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

Answer 1

[DimaDolgoter]

сделай контент на зеленом фоне, bоrder-ом сделай коричневую рамку, а остальное как фон для after и before

Answer 2

[xmoonlight]

jquery-textfill.github.io/example