Two Column Layout Help

[poleonmyhip]

I want to create a two-column layout where the left column takes 8 parts of the width and the right column takes 4 parts on medium and larger screens, but stacks vertically on smaller screens. How do i make this using Bootstrap 5?

[kesect]

<div class="container">
  <div class="row">
    <div class="col-md-8 col-12">
      left
    </div>
    <div class="col-md-4 col-12">
      right
    </div>
  </div>
</div>