Index Page Minimum Height Issues on Ipad using Google Chrome Browser

I'll try to explain this the best I can. I have my site (Marta template) set to apply a minimum height (pages and backgrounds only) of 99vh. When I view the site using my Ipad mini in google chrome, the banner background image (or text box) jumps/adjusts every time I scroll up and down. The tab bar on chrome shrinks when you pull up to view the site. The second you pull back down the tab bar re-appears and essentially resets the browser height. This is the problem. The banner is constantly adjusting to this browser height change. I've tested the site using Safari and this doesn't happen.

Any way to prevent this from happening? It's extremely cumbersome.

This does not happen on my iPhone 8.

Test the site here: http://www.shopfletcherandco.photo/up-ca