hola comunidad tengo una duda no se mucho de bootstrap
quiero alinear una imagen dentro de una lista de elementos pero no se que clases usar o que css
este es mi código:
<div class="container">
<h2 class="text-center">Detalles de Artículos Seleccionados</h2>
<ul class="list-group">
<li class="list-group-item list-group-item-action flex-column align-items-start active">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">Productos dentro del Carrito</h5>
</div>
</li>
<li class="list-group-item list-group-item-action flex-column align-items-start">
<img src="/Img/confirmedmail.png"/>
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1" style="color:#004B56;">F11407 CINTA DE EMPAQUE TRANSAPARENTE 48MMX50M TP-1060 WESTON</h5>
<small class="text-muted">3 days ago</small>
<button class="btn btn-info"><i class="oi oi-cart"></i> Volver a Comprar</button>
</div>
<p class="mb-1">CINTA DE EMPAQUE TRANSPARENTE 48mm X 150M ($ x pza, caja c/36)</p>
<small class="text-muted">$499.10 x 1 unidad</small>
</li>
</ul>
</div>
quiero que quede alineada de esta manera, la imagen a la izquierda y el texto a la derecha aun lado de la imagen: