Как я понимаю, у вас приложение должно работать, на конкретных разрешениях, тут я вижу 2 варианта.
Самый очевидный, это выписать координаты всех точек, начала текста при конкретных медиа запросах и установить его, через абсолютное позиционирование.
Второй вариант более сложный - это вычислить кривую изменения изображения в зависимости от разрешения экрана. в Формуле "x=..." x- будет являться точкой при разных разрешениях. И в соответствии с полученным результатом, через JS прописывать абсолютную позицию, уже не завися от медиа запросов.
Второй вариант считаю более грамотным, покуда везде всё будет нормально смотреться при любом разрешении и на любом девайсе, но придется вспомнить школьный курс математики)
UPD, есть в css ещё волшебное свойство calc, через которое также можно задать пропорции, при этом удобно комбинируя vw и px можно достичь приемлемого результата