JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contenitore">
    <img src="http://www.activityvillage.co.uk/sites/default/files/images/sports_certificates_av2.jpg" />
    <span class="nome corsivo">Nome cognome</span>
    <span class="attivita corsivo">AttivitĂ </span>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Dancing+Script);
.corsivo {
    font-family:'Dancing Script', cursive;
    font-size:20px
}

.contenitore {
    width:320px;
    height:218px;
    position:relative;
}

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

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