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 class="col-md-6">
        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?

This is demo