flex with image in bootstrap code example
Example 1: bootstrap class align center image
class="mx-auto d-block"
Example 2: how to make image responsive bootstrap 4
<img src="..." class="img-fluid" alt="Responsive image">
class="mx-auto d-block"
<img src="..." class="img-fluid" alt="Responsive image">