HTML:
<div class="contenidor">
<img src="url-imatge.jpg" />
<div class="text-damunt">Text</div>
<div class="centrat">Centrat</div>
</div>
CSS
<div class="contenidor">
<img src="url-imatge.jpg" />
<div class="text-damunt">Text</div>
<div class="centrat">Centrat</div>
</div>
.contenidor{
position: relative;
display: inline-block;
text-align: center;
}
.text-damunt{
position: absolute;
top: 10px;
left: 10px;
}
.centrat{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}