.block-hero .hero-image {padding-top:25vw;background-repeat: no-repeat;background-position: center;background-size: cover;/*border-top:6px solid #c10a26;*/margin-top: -2rem;}
.block-hero .hero-image .hero-subtitle {color: #fff;  background: linear-gradient(90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));padding: .5rem 2rem;font-size: 10px;}

@media (max-width:768px) {
    .block-hero .hero-image {padding-top: 50vw;}    
    .block-hero .hero-image .hero-subtitle {background: rgba(0, 0, 0, 0.65);}
}

@media (max-width:375px) {
    .block-hero .hero-image {padding-top: 75vw;}    
}