Divs immer auf gleicher Höhe anfangen lassen – Boxen miteinander verknüpfen?

Hallo zusammen,

ich arbeite gerade an einem Uniarbeit.

Dabei habe ich ein Problem bei dem ich nicht weiter komme.

Es handelt sich dabei um ein Formular, bei dem man in einer daneben liegenden Section Erklärungstexte einblenden kann (die dunkelgrüne Box).
Das ganze ist responsiv mit Flexboxmodell aufgebaut. Jetzt frag ich mich wie man es hinbekommt, dass die grünen Kästen immer richtig neben den zugehörigen Formularfeldern stehen?
Zum Aufbau der Datei könnt ihr das angehängte Schema betrachten...

Kann man die Formularfelder irgendwie mit den Erklärungskästen verknüpfen?
Nach Möglichkeit würde ich das ganz gerne ohne JS und nur mit CSS/Html lösen.

Ich wäre euch für Ideen sehr dankbar!

Liebe Grüße,
Ablon