CSS - overlay background

Question

.hero-page-title {
    padding: 45px 0px;
    text-align: center;
    width: 100%;
    position: relative;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.59);
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.59);
    background: url(images/buy_b.jpg) no-repeat center;
    background-size: cover;
    margin: 0;
}