Bootstrap 5 Cards

by Alon Rotem

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<div class="container" style="margin-top:100px;">
  <div class="row">
    <div class="col-3">
    
<div class="card" style="width: 18rem; background-image:url(https://literaturnirazgovori.com/Uploads/njfhseuf.jpg); background-size: cover; background-position: center center; min-height: 450px;">
  <div class="card-body" style="position:relative; padding: 0;">
    <div style="position:absolute; top:0; left:0; bottom: 0; right: 0; background: rgba(57, 57, 57, 0.5);">
      <div style="color: white; background-color: green; height: 100%; padding: 15px; text-align: justify; display:flex;">
      <div style="margin: auto;">
        <div>""</div>
        Ако резултатът е толкова блестящ, както в този случай, то той разширява и украсява представата ни изобщо за една национална литература
        <div>
        Alon Rotem
        </div>
        </div>
      </div>
    </div>
  </div>
</div>


    </div>
  </div>

</div>