Bootstrap v5 での Masonry レイアウト

Cards · Bootstrap v5.3
https://getbootstrap.com/docs/5.3/components/card/#masonry

デモ例は以下

Masonry example · Bootstrap v5.3
https://getbootstrap.com/docs/5.3/examples/masonry/

JavaScript プラグイン を追加して

<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>

data-masonry='{"percentPosition": true }' を .row のラッパーに要素を追加

例

<div class="row" data-masonry='{"percentPosition": true }'>

で Masonry レイアウト が実現できますが、レンダリングがおかしくなってしまうときがあるのでどうしたもんかな