Bootstrap - ułożenie elementów

Question

Cześć,

potrzebuje ułożyć divy w bootstrapie jak na załączonym poniżej profesjonalnym rysunku. Założenia są takie, że obrazy zajmują po 1/3 miejsca, a teksty po 2/3. Największy problem mam z tekstami, nie siedzą tam, gdzie powinny. Czy trzeba użyć jakiejś dodatkowej klasy?  Oprócz tego pojawia się także problem, że wysokości obrazów nachodzą na siebie, w tym przypadku z kolei nie wiem co wpisać w wyszukiwarkę, żeby wiedziała o co mi chodzi.  Byłbym wdzięczny za jakieś linki które by mi pomogły. Z góry dzięki

<div class="row">
					
	<div class="col-md-4">
	    <figure>
	      <a href="#"><img src="obraz1.jpg" alt=""></a>
	      <figcaption>Obraz1</figcaption>
	    </figure>
	</div>
						
	<div class="col-md-8">
      <p>Przykładowy tekst1</p>
    </div>

        <div class="col-md-8">
	    <figure>
	      <a href="#"><img src="obraz2.jpg" alt=""></a>
	      <figcaption>Obraz2</figcaption>
	    </figure>
	</div>
						
	<div class="col-md-4">
      <p>Przykładowy tekst2</p>
    </div>

</div>