Html 悬停时覆盖的背景

我想在鼠标悬停时背景被覆盖，我不知道如何让红色背景覆盖标题后面的悬停。我想标题保持固定在圆圈上，它的鼠标上方是红色的，完全在标题后面，红色的图像透明度稍微褪色

    <div class="view view-first">
<h2>LOGOS</h2>
<div class="mask">
  <p>The Beginning Part Of The Branding Process.Logos I Have Done For Clients</p>
  <a href="#" class="info">Click Here</a>
</div>
</div>

品牌过程的开始部分。我为客户做的标识

.bg{
背景尺寸：封面；
背景重复：无重复；
背景位置：中
}
.可悬停：悬停{
高度：100vh；
}

盘旋我