Подчеркивания для слов

Делаю сайт по русской грамматике, нужно как то реализовать подчеркивание членов предложения разными линиями, чтобы они при этом были адаптивны и прикреплены к словам, которые подчеркиваются. Пробовал просто png с линиями подставлять, но получается очень непропорцинольно на больших экранах и нет привязки подчеркиваний к слову. Есть идеи, как это можно реализовать? Сайт на Тильде. На картинке вариант, который должен получиться в идеале