I need to place text on top of an image that is responsive (I'm using bootstrap 4). But the text is left out, I try to replicate this letter (the figures that are outside do not). The text is left out.
This is the code I have:
#content_div_one_photo {
height: 16rem;
width: 11rem;
border-radius: 10px;
border: 5px solid black;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
<div id="padre">
<img id="content_div_one_photo" class="img-fluid card-img" src="https://isstatic.aoverflow.com/aRTiRm.jpg">
<div class="card-title">Nombre</div>
</div>