.a12 {
    --background-height: 447px;
}
.a12 .background-container {
    flex-direction: column;
    padding: 0;
    height:100%;
}
.a12 .content-container {
    flex: 1;
    padding:0;
    padding-top:40px;
    height:100%;
}

@media (min-width: 768px) {
    .a12 {
        --background-height: 456px;
    }
    .a12 .background-container {
        flex-direction: row;
    }
    .a12.image-right .background-container {
        flex-direction: row-reverse;
    }
    .a12 .background {
        width: 342px;
    }
    .a12 .content-container {
        padding:0;
        padding-left:80px;
    }
    .a12.image-right .content-container {
        padding-left:0;
        padding-right:80px;
    }
}