Estou lutando para centralizar uma imagem usando apenas as classes CSS do Bootstrap. Eu já tentei várias coisas. Um estava adicionando a classe CSS do Bootstrapmx-auto aoimg elemento, mas não faz nada.

A ajuda é apreciada.

<div class="container">
    <div class="row">
        <div class="col-4 mx-auto">
            <img class=""...> <!-- center this image within the column -->

            <form...>

            <p...>
            <p...>
            <p...>                
        </div>
    </div>
</div>