Tengo tres imagenes y lo que deseo es centrarlas y que haya espacio entre ellas.
Estoy utilizando bootstrap y no lo he podido conseguir, alguien tiene idea de como hacerlo?Dejo una captura de las imagenes y el codigo para que se entienda mas
<section id="estadisticas" class="ocultar_r">
<div class="row justify-content-center">
<div class="col-sm-4 text-center">
<h2 class="mb-4">ESTADÍSTICAS DE LRFA</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium, esse magnam adipisci tenetur quos eaque quia quidem molestias excepturi </p>
</div>
</div>
<div class="row justify-content-around" id="">
<div class="col-sm-12 text-center">
<div id="padre">
<img id="content_div_one_photo" class="rounded " src="https://lorempixel.com/160/110/cats/1/">
</div>
<div id="padre">
<img id="content_div_one_photo" class="rounded " src="https://lorempixel.com/160/110/cats/1/">
</div>
<div id="padre">
<img id="content_div_one_photo" class="rounded " src="https://lorempixel.com/160/110/cats/1/">
</div>
</div>
</div>
</section>