I am using the position absolute property to overlay text on images. However, I want it to to look good on mobile as well, but as soon I go to a smaller screen the text starts slipping over and beneath other content. Everytime I mess with the position attribute it just messes up everything but a problem is not solved. Do you have any ideas how to fix this?
You can find my tribute page codepen here:
The issue occurs with the first first bit of the text and the third bit of text. I am using bootstrap 3 grid system.
All feedback and tips are welcome!