document image creator

for bolligerroma spa

HTML

<div class="doc-container">
    <div class="doc-title">
        qualitĂ  <br/>  (quality)           
</div>
</div>

CSS

.doc-container{
    background-image: url('https://bmsmediablr.blob.core.windows.net/images/6674_5755.jpg');
    height: 256px;
    width:256px;
}

.doc-title{
    background-color:#fff;
    border: 3px solid #0E7F6B;    
    color: #0E7F6B;
    font-size: 22px;
    font-weight: bold;
    left: 60px;
    opacity: 0.75;
    padding: 5px;
    position:relative;
    text-align: center;
    text-transform: uppercase;
    top: 100px;
    width: 120px;
    -webkit-transform: rotate(-10deg);
}