.hero-img{  
    height: 100%;  
    width: 100%;
    padding: 0 0 10% 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.9)), url("../../receipt_images/gratin_pates.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}