Как установить гибкую позицию в ряду / контейнере bootstrap

Question

Я использую bootstrap с сеткой, цель - показать то же самое в демонстрации pi c. В этой демонстрации pi c элемент фото (зеленая рамка) выглядит как элемент div (столбец 6), но ширина фотографий достигает стороны обзора. Как я могу построить так с html и 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>

Это демо