.a10 .description {
    margin-bottom: 12px;
}
.a10 .background {
    max-width: 287px;
}
.a10 .content-container,
.a10 .content-container .headline {
    text-align: left;
}
@media screen and (min-width: 768px) {
    .a10 {
        --background-height: 153px;
        --content-width: 441px;
        --bg-max-width: 272px;
        --bg-gradient-direction: to left;
    }
    .a10.image-right {
        --bg-gradient-direction: to right;
    }
    .a10 .background-container { flex-direction: row; }
    .a10.image-right .background-container { flex-direction: row-reverse; }
    .a10.newsroom-gradient .background-container {
        --percent: calc(100% - var(--bg-max-width) / 2);
        padding: 68px 0;
    }
    .a10 .background {
        max-width: var(--bg-max-width);
        margin-inline-start: auto;
    }
    .a10 .content-container {        
        flex: 1;
        min-height: var(--background-height);
        height: auto;
        text-align:left;
        padding: 0 45px;
        margin-inline-start: 0;
    }
    .a10.image-right .background {
        margin-right: auto;
        margin-left: 0;
    }
    .a10.image-right .content-container {
        margin-right: 0;
        margin-left: auto;
    }
    .a10 .headline {
        text-align:left;
    }
}
@media screen and (min-width: 992px) {
    .a10 {
        --background-height: 270px;
        --content-width: 516px;
    }
    .a10.newsroom-gradient .background-container {
        padding: 48px 0;
    }
    .a10 .background {
        max-width: 480px;
    }
    .a10 .content-container {    
        padding: 0 55px;
    }
    
}

@media screen and (max-width: 767.99px) {
    .a10 .inner-container {
        padding-left: 0;
        padding-right: 0;
    }
}