creo que lo ideal si no sabes como hacerlo es que pongas un id al <p> y que a este le des cordenas xy usando el margin-left y el margin-top
y esto igual con la <img "src="ruta">
ejemplo
<div class="shape">}
<p id="texto">Holas</p>
<img src="image.png" id="img">
</div>
#texto{
margin-left:20px;
margin-top:30px;
}
</div>
#img{
margin-left:10px;
margin-top:40px;
}
(nota: aclaro que los numeros son los pixeles que quieres que se mueva a la izquierda y abajo estos son de ejemplo tu debes determinar los numeros para la posicion desea).
espero ser de ayuda y si es asi ya sabes que hacer
suerte-