.grid-item {
    border: 1px solid silver;            
}
.hero {
    background: url("https://picsum.photos/800/400");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;              
    min-height: 550px;
    transform: translateY(157px);         
}

.move-down {
    transform: translateY(40px);         
}   

@media screen and (max-width: 767px) {
    .hero {
        transform: translateY(130px);  
    }
    .move-down {
        transform: translateY(30px);         
    }   
}
.hero .content-hero {
    background-color: rgba(0,0,0,0.55);
}