Responswyny obraz - bootstrap4

Question

Witam mam problem z responsywnością zdjęć w bootstrapie 4
Chodzi o obiekt media 

<div class="media">
  <div class="media-body">
    <h5 class="mt-0 mb-1">Media object</h5>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
  </div>
  <img class="ml-3" src="..." alt="Generic placeholder image">
</div>

Czy jest możliwość, żeby obraz znajdujący się w tym elemencie  był responswy  tzn, sam dostosowywało się do wielkości pojemnika w jakim się znajduje jakichkolwiek rozmiarów by nie był, oraz przy zmniejszeniu szerokości ekranu, zmieniał pozycję i zamiast po prawej stronie tekstu było pod spodem:

Czyli żeby nie wyglądało to tak. Sam długo próbowałem ale nic nie wskórałem.