quiero que el texto quede en el centro debajo de la img de mi cara pero no lo que el texto quede como titulo de la img de mi cara
HTML
<img id="Home" class="img-fluid">
<figure class="figure">
<img id="foto" class="figure-img img-fluid top-50 start-50 translate-middle rounded-circle" src="img/foto.jpg">
<figcaption class="figure-caption">safafaweraewfw</figcaption>
</figure>
CSS
#Home {
position: relative;
background-image: url(img/fondo.jpg);
background-size: cover;
width: 1500px;
height: 630px;
border: 3px solid #73AD21;
}
#foto{
position: absolute;
}
quiero que el texto del <figcaption>
se muestre como titulo de la <img>
con id="foto"
pero se muestra como titulo de la <img>
con id="Home"