I need the output to look like the image displayed below.
Below is my code snippet:
https://jsfiddle.net/sidh_41/t7sbc2zf/
.card-text
{
background: #1f2227ab;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="card bg-dark text-white">
<img src="https://images.pexels.com/photos/1005417/pexels-photo-1005417.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=100&w=240" class="card-img" alt="...">
<div class="card-img-overlay">
<h5 class="card-title">B</h5>
<p class="card-text">
Insert content here.
</p>
</div>
</div>
</div>