.hero-bg-img {
    background-image: linear-gradient(90deg, rgba(236, 240, 241, 0.55) 33%, 
        rgba(236, 240, 241, 0.65) 60%), 
        url("/images/smile-flipped.jfif");
    /* background-position: center right; */
    background-repeat: no-repeat;
    background-size: cover;
}