Bootstrap 5 flex container d-flex wrap not functioning as expected - html

Question

I'm trying to use bootstrap 5 class d-flex align-content-around flex-wrap to draw a number of cards in this shape
Unfortunately, it is not working and the cards stay in this shape
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap#5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap#5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<div class="containr d-flex align-content-around flex-wrap" id="containe">
<div class="row" id="${id}" style="direction:rtl;">
<div class="card itemHolder shadow-lg p-3 mb-5 bg-white rounded">
<div class="card-body" style="width:650px;">
<div class="mb-1">
<div class="d-inline-flex align-items-center">
<span class="ProductName">${name}</span><br><br>
<span style="font-family: boto; font-size:15px; position: absolute; right:13px;">السعر:</span>
<span class="ProductPrice">${price}</span>
<i class="fa-solid fa-tags iconproduct"></i>
</div>
</div>
</div>
<button type="button" class="btn btn-success" style="font-family:hana; font-size:15px;">شراء</button>
</div>
</div>
<div class="row" id="${id}" style="direction:rtl;">
<div class="card itemHolder shadow-lg p-3 mb-5 bg-white rounded">
<div class="card-body" style="width:650px;">
<div class="mb-1">
<div class="d-inline-flex align-items-center">
<span class="ProductName">${name}</span><br><br>
<span style="font-family: boto; font-size:15px; position: absolute; right:13px;">السعر:</span>
<span class="ProductPrice">${price}</span>
<i class="fa-solid fa-tags iconproduct"></i>
</div>
</div>
</div>
<button type="button" class="btn btn-success" style="font-family:hana; font-size:15px;">شراء</button>
</div>
</div>
</div>