1. Наложить сверху элемент или псевдоэлемент с радиальной(я вижу тут радиус)\линейным градиентом с альфой 0 для «выключения прозрачности», спозиционировав абсолюино относительно родителя и выключить захват мышой (чтобы можно было выделять текст) pointer-events:none.
2. Использовать псевдоэлементы справа и слева (если у виньетирования специфичные размеры не зависящие от общего размера) и дальше как в первном пункте.
3. Богомерзкие маски на CSS для текста (оптимально, если увести в прозрачность надо только текст)
Средний
Простой