2 divs naast elkaar, linker div onderaan uitlijnen

[MabadosS]

Beste forumleden, ik loop even vast op een klein opmaakprobleempje.

Ik heb 2 divs naast elkaar dmv float: left.

De twee divs zitten in een container div om ze samen te houden.

De twee divs zijn niet beiden even groot en de inhoud van de tweede div (rechts) varieert.

Daarom wil ik dat de linker div onderaan blijft plakken zodat de afbeelding daar telkens aansluit bij de onderkant van de rechter div, maar ik krijg het technisch niet voor elkaar.

Iemand een tip? (nog beter zou zijn dat de linkerdiv altijd dezelfde hoogte heeft als de rechter div, maar dat lukt ook niet)

HTML

<div class="container">
<div class="links"></div>
<div class="rechts"></div>
</div>

CSS

.container {
    width: 1200px;
        background-color:black;
            overflow: hidden;
}
.links {
    width: 350px;
        background-color:yellow;
            float:left;
}
.rechts {
    width: 850px;
        background-color:purple;
                        float:left;
            
}