espero que con este ejemplo pueda ayudar en tu duda, la imagen queda en posición relativa y el texto en posición absoluta para poder con la propiedad top elevarlo encima de la imagen, y le coloque un width de 100% para que la imagen se escale <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style> img{ width: 100%; position: relative; } p{ position: absolute; font-size: 1em; top: 100px; } </style> </head> <body> <img src="https://vignette.wikia.nocookie.net/lossimpson/images/b/bd/Homer_Simpson.png/revision/latest?cb=20100522180809&path-prefix=es" alt=""> <p>Hola Mundo</p> </body> </html>