Как сверстать такое поведение

Question

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

Answer 1

По сути проблема с градиентом, возникла