.at-hero {
    position: relative;
    overflow: hidden;
    background: rgb(30,40,120);
    background: -moz-linear-gradient(90deg, rgba(30,40,120,1) 0%, rgba(30,40,120,1) 50%, rgba(200,100,50,1) 50%, rgba(200,100,50,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(30,40,120,1) 0%, rgba(30,40,120,1) 50%, rgba(200,100,50,1) 50%, rgba(200,100,50,1) 100%);
    background: linear-gradient(90deg, rgba(30,40,120,1) 0%, rgba(30,40,120,1) 50%, rgba(200,100,50,1) 50%, rgba(200,100,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e2878",endColorstr="#c86432",GradientType=1);
}

.at-hero__imageWrapper {
    position: relative;
    width: 100%;
    max-width: 1420px;
    margin-inline:auto;
    padding-top: 25vw;
    background-size: cover;
    background-repeat: no-repeat;
}

.at-hero__imageWrapper:after {
    position: absolute;
    inset: 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%);
}

.at-hero__link {
    position: absolute;
    inset: 0;
}

@media (min-width: 768px) {
    .at-heroRandomImage__imageWrapper {
        padding-top: 20vw;
    }
}