Problem With Mobile App Built-in Browsers Height Scaling

Site URL: https://www.tgtfresh.com/shroominfo

(the problem occurs on every page)

Recently, having to post a link to my site on Facebook, I discovered that there's an issue with scaling when scrolling. From what I've seen, whilst this doesn't occur on most dedicated browser apps on mobile, it is particularly prevalent for built-in browsers in apps like Facebook and Instagram (only in posts, doesn't happen when the link is opened in messages).

I think the problem mainly stems from their UI, where the top and bottom bars expand/hide when you scroll up/down, and because of that, the page height constantly changes leading to rapid resizing.

I'm not sure how this works, but is there a way for the entire site (not just some elements) to prevent scaling by height and only by width in these situations / ignore the bottom half of the screen's height / or to add a very long delay to the resizing's transitions?

Examples: