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>