transparency - 半透明の要素が重なっていますか？

Question

オーバーラップする領域を他の領域と同じ不透明度にする必要があります。これはCSSの私のコードで、他の部分よりも暗い重複領域を作成します。

.title {
    width: 497px;
    height: 252px;
    font-family:'Bebas';
    text-align:right;

}
.title span {
    line-height:54px;
    font-size: 40px;
    position: relative;
    top: 72px;
    background:rgba(193,193,193,.3);
    color: white;
    padding:3px;
    text-align:right;
}

そしてHTML：

<div class="title">
    <span>This is where</span><br>
    <span>the content goes</span>
</div>

では、画像を使用せずに、重なり合う領域を同じ不透明度にするにはどうすればよいですか？