Как сделать прозрачный текст с тенью?

Добрый день! Ребята стоит задача сделать используя css текст как на картинке: во вложении.

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

Как можно решить этот вопрос, может кто сталкивался. На дизайнера реально зол. Одно дело в AdobeXD с текстом работать и другое дело эти идеи воплощать средствами CSS. Я больше двух дней потратил на попытки найти решение. Прошу помощи у комюнити. Да, процесс усложняется тем, что фон не статичный, на фоне идет прокрутка слайдеров.