Position Fixed Verince Divler Bozulmakta

Merhaba, yapmak istedigim şey şu şekilde. Ekranda 2 tane div olucak ve bu divlerden soldaki sabit kalıcak. Sayfa her ne kadar aşagı insede sabit kalmasını istiyorum. Fixed uyguladıktan sonra sag taraftaki div sol tarafa kayıyor. Grid sistemi ile yapıyordum olmadı flex ile denedim ondada başaramadım. Yardımlarınızı istiyorum. Kodlar aşagıdaki gibi.

<div class="container">
        <div class="background"></div>
        <div class="right-section"></div>
    </div>

.container{
    width: 100%;
    height: auto;
    display: flex;
}
.background{
    background-color: burlywood;
    height: 100vh;
    width: 45%;
}
.right-section{
    width: 55%;
    height: 2400px;
    background-color: bisque;
}