Fix to masonry grid layout problem on Bootstrap 5 html website

I am looking for a developer who can help me with fix a problem I have with a html/css website using Bootstrap 5. I am trying to find a masonry solution that works with Bootstrap 5. This is not a wordpress site. It is coded in HTML

I have a blog index page which lists the blogs in a masonry layout. I use bootstrap cards to display the masonry layout. When I was using Bootstrap 4 it worked fine, but now I have upgraded to Bootstrap 5 it looks ok when the page first loads, but when I return to the page using the back button the layout doesn't work.

I have used the Bootstrap 5 suggestions (https://getbootstrap.com/docs/5.0/examples/masonry/) and the layout now looks good when I first load the page (Image 1)

However, if I click on one of the blogs and go into the blog page, when I press BACK to return, the masonry grid loads incorrectly (Image 2)


I am looking for some one who make the layout look right after returning to the page using the back button rather than the menu.

This is the page : https://www.sherekitchens.co.uk/blog/index.php

Please can you post your cost for fixing it. If accepted, I will ask you to show the code is working (by video or by link to the code) and then settle immediately.