Show loading screen on page load

Hallo,

On my current website I have a loading page that hides the content while the form is busy loading. This prevent the page from loading in fragments. What I have done is inserted "<div id="load"></div>" 3 spaces below the "Page body start" section of the page and then the following under the heading of the page:

<style type="text/css">
    #load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("http://p3marketing.solutions/p3splash.png") no-repeat center center rgba(53,141,165,1)
    }
</style>

I would like to do the same with the jotform below being loaded, how can I do this?

I inspected your form and found that your form is in Cards format. Unfortunately, we cannot Inject custom CSS in Cards form. You can switch to classic format to inject your own custom CSS.

Let us know if you need further clarifications, we will be happy to assist.

Thanks.