Hogyan célszerű szöveget elhelyezni egy blokk fölé és mellé?

A blokk mérete dinamikus, egy javascript állítja az értékét. Azt szeretném elérni, hogy az egyik szöveg a kép felett legyen, a másik pedig mellette, viszont középen. Tudom, hogy rengeteg módszer van rá (float, vagy bootstrap esetén col-lal játszani, stb). A flexbox-szos megoldással könnyen elértem, hogy jobbra kerüljön az elem, viszont amikor felülre szeretném helyezni, akkor nem marad középen (hiszen a jobbra helyezett szöveg szélességét is beszámolja). Azt szeretném elérni, hogy csak a blokk szélességét figyelje. Itt akadtam el: [link]

Előre is köszönöm a segítséget!