CSS 图片加遮盖层

HTML如下：

<div class="curriculumVitae_login_bgc">
    <img :src="require('@/assets/loginBg2.png')" />
</div>

CSS如下：

.curriculumVitae_login_bgc {
    position: relative;
}
.curriculumVitae_login_bgc::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(20, 30, 40, 0.82);
    z-index: 1;
    pointer-events: none;
}