title: Bootstrap 5 layout for different sizes cards - like Pinterest
body: <p>I am building a web that would use Bootstrap 5, the web would have a section which displays several cards like this
  <a href="https://i.stack.imgur.com/haNeN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/haNeN.png" alt="enter image description here" /></a></p>
  <p>As you can see, each card may have different sizes (Depending on the description and thumbnail)</p>
  <p>How do I make them compact, as in like the Pinterest homepage</p>
  <p><a href="https://i.stack.imgur.com/825k8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/825k8.png" alt="enter image description here" /></a></p>
  <p>What class do I need to use (In bootstrap 5), or what layout</p>