.hero-page-bg::after {
    inset: 0;
    z-index: -2;
    background: url(../../assets/img/hero-home.webp) center / cover no-repeat;
    border-radius: inherit;
}
.hero-page-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
    z-index: -1;
    background-color: hsl(0deg 0% 0% / 43%);
}