Ausrichtung von Elementen mit css/flex

[Wolfi]

Hallo, zu diesem Beispiel habe ich mehrere Fragen.

1. Wie erreiche ich, dass die gepunkteten box in der roten Box zentriert ist?

2. Wie erreiche ich, dass sich bei Verkleinerung des Fensters der Text innerhalb der gepunkteten Box bleibt (durch Verkleinerung der Schrift)?

3. Wenn mann den Viewport weiter verkleinert, erfolgt durch die @media-Angabe die Vertikale Darstellung.

a. Wie erreiche ich, dass der Text in der gepunkteten Box bleibt?

b. Wie erreiche ich, dass die (vertikalen) Abstände zwischen den Texten kleiner werden?

Viel Holz, ich weiß, aber vielleicht kann man mir wenigstens in Teilen weiterhelfen?