Quiero hacer que una imagen me quede a la derecha de un texto que estoy agregando. Esta es mas o menos la estructura que tengo ahora:
<div class="container h-100">
<div class="row align-items-center border-bottom border-dark" style="height:50%;">
<div class="col-12 text-center">
<h2>Lorem Ipsum</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam turpis tortor, egestas quis congue eget, semper in ante. Ut faucibus augue nulla, eget feugiat mi lacinia nec.
Fusce non sapien non ex faucibus ultrices eget ut erat. Maecenas bibendum posuere felis vel porttitor. Donec non massa quis nunc tempus suscipit.</p>
</div>
</div>
<div class="row align-items-center" style="height:50%;')">
<div class="col-12 text-center">
<h2>Lorem Ipsum</h2>
<p class="lead">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam turpis tortor, egestas quis congue eget, semper in ante. Ut faucibus augue nulla, eget feugiat mi lacinia nec.
Fusce non sapien non ex faucibus ultrices eget ut erat. Maecenas bibendum posuere felis vel porttitor. Donec non massa quis nunc tempus suscipit.
</p>
</div>
</div>
</div>
Lo que quiero, es que dentro de cada row, ademas de tener un h2 y un p, tener una imagen y hacer que este a la izquierda o derecha de estos.
¿Alguna ayuda? Gracias.