Keeping file size down to the bare minimum

[Daniel]

Here's a guide to getting documents to load quicker:

Decreasing load times and optimizing performance: Preparing a Large project in Hype

Tumult Hype is built for producing animations as a part of other websites, but we have also seen projects that take the form of entire websites. While building and launching large Tumult Hype projects with many scenes is possible, there are a few things you should keep in mind to ensure that your website loads quickly, works well on mobile devices, and is easy to maintain: Defer loading of images Images added to your document will need to be downloaded when your visitor first visits your site, …

It looks like images are the key thing to look into for this document (the below report was generated by Lighthouse, which is the Audit tab in Chrome dev tools). More info here: نظرة عامة  |  Lighthouse  |  Chrome for Developers

You should create a layout for smaller devices that shows a smaller version of this image.

@DaveMan

Also, looking for any assistance with the 30 plus pixels padding on my hype animation embedded in Avada.

That looks like it is here:

#main,.fusion-footer-copyright-area,.fusion-footer-widget-area,.fusion-page-title-bar,.fusion-secondary-header,.fusion-sliding-bar-position-bottom .fusion-sliding-bar,.fusion-sliding-bar-position-top .fusion-sliding-bar,.header-v4 #small-nav,.header-v5 #small-nav,.sticky-header .sticky-shadow,.tfs-slider .slide-content-container {
    padding-left: 30px;
    padding-right: 30px;
}