Посмотрим на другие примеры парами до-после. Я менял только фоновое изображение, остальное оставалось неизменным.

Ну и как Размывающая Тень®™ помогла бы тому банеру pye optics:

Крутость этого приема еще в том, что его не надо специально включать для шумных фонов и выключать для однородных. На изображениях без пестрых деталей эффект самоустраняется просто из-за того, что размытая версия фона мало чем отличается от оригинальной. Эффект применен, но он незаметен (в отличие от всяких тенюшек и подложек):

Окай, теперь про практическую часть. Мне удалось воссоздать эффект в фотошопе, иллюстраторе и фигме. Файлы в аттаче, плюс фигмовский залил в комьюнити: https://www.figma.com/community/file/1181361545566721990.

Что касается реализуемости на вебе, то я смог слепить такой хрупкий прототип на background-clip: https://jsfiddle.net/yjc3haeL/1/.

Еще есть реализация на backdrop-filter, но она у меня завелась только в файерфоксе: https://jsfiddle.net/vwmapxjb/3/.

Конечно же, сила размытия фона и размер тени в файлах-примерах выставлены довольно случайно, тюните под себя.

Ну и Размывающая Тень®™ помогает бороться с пестротой фона, но если фон в целом неконтрастен к тексту, имеет смысл поменять цвет текста или всё же дополнительно подмешать какой-нибудь слабенький затеняющий эффект.

Что же, а теперь обещанная антиграфоманская версия этого рассказа:

Чтобы текст на пестром фоне лучше читался, вместо черной тени кладите под текст тень из разблюренной версии фона.

Примеры реализации в графических редакторах и на вебе — парой сообщений выше.

Я всё о том же. Удалось оформить создание размывающей тени в фотошопе в виде экшена.

Файлик в аттаче, добавляется в фотошопе через пункт Load Actions в меню панели Actions.

При запуске должны быть выделены два слоя: фоновое изображение и текст.

Так как параметры размера и размытия тени в экшене зафиксированы, вероятно, понадобится скорректировать их под ваши размеры изображения и текста.