Плохо: картинка на фоне, которая призвана привлечь внимание, оказалась еле видимой, потому что должна не мешать прочитать текст. В результате: картинка всё же мешает тексту (пестрит какая‑то непонятная хрень на фоне), а текст мешает картинке. Если хотите непременно ставить картинку на фон текста, подбирайте такую картинку, в которой есть чистое и достаточно большое место для этого текста.

Иногда вся картинка такая, что можно поставить текст поверх неё в любом месте. Например, какой‑нибудь градиент, паттерн (в том числе, фотография воды, неба, огня, травы, овечьей шерсти и так далее) или очень нейтральный пейзаж.

Но чаще картинки не подходят для того, чтобы текст ставили поверх них, — особенно в автоматическом режиме.

И тогда дизайнеры начинают изобретать затемнения, градиентики и другие способы решить проблему:

Но проблема не решается. Дизайнеры лишь используют очень слабый компромисс, благодаря которому становится хуже и тексту, и картинке.

Более удачное решение — вытащить текст за пределы картинки.

В вашем случае я вижу два способа его реализовать. Первый — просто не выводить текст на картинке, ведь подпись и так будет где‑то рядышком в интерфейсе любой социальной сети или мессенджера. Разумеется, вам будет нужно придумать, что делать, если у какого‑нибудь поста нет картинки‑обложки. Например, в советах в этом случае используется автоматически сгенерированный кавер на основе дизайна страницы и ключевого цвета советчика:

Второй — переработать шаблон так, чтобы картинка и текст не пересекали друг друга. Ну, например: