Css de 2 kutuyu duyarlı yapma

[canxyildizz]

arkadaşlar merhaba cssde sitemi 2 ye böldüm sağ sol diye şimdi site küçüldükçe sağ tarafın sol tarafın altına inmesini istiyorum
birde sitemde sol tarafın sabit sağ tarafın kaydırılabilmesini istiyorum fakat siteyi küçülttüğümde
sağ kutu sol kutunun aşağısına geldiği zaman zaman sol tarafta artık kaydırılsın
bir kaç deneme yaptım aşağı indi fakat küçülttükçe sağ taraf üstüne biniyordu kodları aşağı bırakıyorum

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
background-color: #0a192f;
position: relative;
overflow-x: hidden;
}
.container {
display: flex;
flex-direction: row;
height: 100vh;
width: 100vw;
box-sizing: border-box;
overflow: hidden;
}
.left-side {
width: 45%; /* Sol tarafın genişliği */
color: #fff;
padding: 20px;
box-sizing: border-box;
height: 100vh;
position: relative;
overflow: hidden;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.right-side {
width: 55%; /* Sağ tarafın genişliği */
overflow: hidden;
display: flex;
box-sizing: border-box;
flex-direction: column;
height: auto;


}