How to set flexible position in row / container bootstrap

I use bootstrap with grid,the goal is to show the same in the pic demo. In this pic demo, element photo ( green border ) seem like in a div ( col-6 ), but width of photos is reach to side of view . How can I build like that with html and css

 <section class="intro-project">
  <div class="row">
    <div class="col-md-6">
      <img src="./images/intro1.jpg" class="float-right" />
    </div>
    <div class="col-md-6">
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi
        reprehenderit illum ab fugit vel enim voluptatem dicta quidem
        ratione, corporis, non molestias ducimus quasi quos alias officiis
        praesentium temporibus. Deserunt?
      </p>
    </div>
  </div>
</section>

This is demo