Show Masonry Gallery 'Show More' button on page load

Hi

I have a masonry gallery on this page https://www.deborahrose.co.uk/spirit-of-songwriting/ which I have stopped from animating and loading only when the viewer scrolls down the page. this is perfect but how do I make the ‘Show More’ button appear before the viewer scrolls down. Before the button appears, there is a big white gap in the page which might lead people to think there is no further info on the page. Is it called Lazy Load??

I have used this code so far

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

Thanks, Lyndon