JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contenitore">
    <span class="nome">Nome cognome</span>
    <span class="attivita">AttivitĂ </span>
</div>

CSS

.contenitore {
    width:320px;
    height:218px;
    position:relative;
    background-image:url('http://www.activityvillage.co.uk/sites/default/files/images/sports_certificates_av2.jpg');
}

.nome {
    position:absolute;
    left:110px;
    top:102px;
    width:160px;
    text-align:center;
    border:1px solid #fcc;
}

.attivita {
    position:absolute;
    left:90px;
    top:160px;
    border:1px solid #fcc;
    width:140px;
    text-align:center;
    border:1px solid #fcc;
}