Hello, I have inherited the responsibility to update and redo the main wiki page for our system.
I currently have an image that is the background to this page. Below the point where the background image ends I will need some text to be surrounded by a box. Below that I will need 4 sections of text spread out evenly. I have provided a rough sketch (ms paint) of what I need.

My main concern is that I don't know of a way to keep the 5 sets of texts at the same point relative to the background when the screen is shrunk. I know that there should be a way to position the text with html but I do not understand how I should implement this. Does the css element go into a css box? or should it all be in an html box?