How to fix collapsing product image height when page loads

On our product page, the product image collapses and only takes the full height when the image loads.

However, I would like it to keep the full height (as if the image is there) while the image is loading.

Here is a link to an example page on our store - https://supply.co/products/the-single-edge-se

Someone kindly assist

@ThomasMaghanga maybe should try to add the pagination for the gallery so it looks like the image is there but it’s loading? Otherwise you might want to find a way to add a loading icon before the product page is fully loaded.