.at-hero {
    position: relative;
    overflow: hidden;
}

.at-hero__imageWrapper {
    position: relative;
    padding-top: 25vw;
    background-size: cover;
    background-repeat: no-repeat;
}

.at-hero__imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgb(30,40,120);
    background: -webkit-gradient(linear, left top, right top, from(rgba(30,40,120,1)), color-stop(35%, rgba(255,255,255,0)), color-stop(65%, rgba(250,240,235,0)), to(rgba(200,100,50,1)));
    background: -o-linear-gradient(left, rgba(30,40,120,1) 0%, rgba(255,255,255,0) 35%, rgba(250,240,235,0) 65%, rgba(200,100,50,1) 100%);
    background: linear-gradient(90deg, rgba(30,40,120,1) 0%, rgba(255,255,255,0) 35%, rgba(250,240,235,0) 65%, rgba(200,100,50,1) 100%);}