responsive Positionierung und Grössen im Viewport

Hallo,

ich wäre auf der Suche nach Infos, Tipps, Links, codesnipps, ... für die Lösung einer sinnvollen Umsetzung

- Sliderbild mit Textelementen
- die Textelemente (div) sind absolut positioniert
- die Positionierung erfolgt in %, vh oder vw
- die Textgrösse ist in vw angegeben
- die Angaben werden via inline-style dem Frontend übergeben
- die Angaben werden im Backend via CustomElements in Felder eingetragen
- die Angaben werden im template in den inline-style übergeben

» bis zu einer gewissen Bildschirmgrösse sehen die Positionen und die Schriftgrössen ja noch halbwegs korrekt positioniert aus
» dies ändert sich aber rasch, wenn das Bildschirmformat von vorher "quer" auf ein "hochformat" geht (Desktop zu smartphone) - bedingt durch die prozentuelle Angaben der Bildschirmposition

Fragen:
- kann inline-style irgendwie über media-queries angesteuert werden? also, ab einer bestimmten Grösse übernimmt ein style-sheet? und das dann aufbauend auf die vorhandenen inline-styles?
- gibt es einen anderen einfachen Weg, die Daten aus dem Backend via template ans Frontend zu schicken, sodass nicht über inline-styles gearbeitet werden muss?
- andere Vorschläge, Möglichkeiten?
- jquery Lösung?

Wäre prima, wenn ich von euch ein paar inputs bekommen könnte.
vielen Dank schon mal