How to get text and pictures to resize according to size of webpage

I cannot figure out how to set it up, to where when I make the page bigger/smaller, the font and the pictures do not overlap into the next parallax. I want the paragraph and the images to resize with the page and not stay the same size.

Can you please provide some screenshots and code of what you have implemented so far?