Instructions
To make this component work you must follow these steps:
  1. Add a Page trigger and select Page load
  2. Select the Loader 1 [Hide] animation inside When page finishes loading
  3. Position loader1_component inside page-wrapper
  4. Set loader1_component position to fixed and display to none
Note:
Sometimes there may be a bug where the website briefly flashes before the loader is displayed. To avoid this add the following custom code in your Site settings > Custom Code > Head code
<style>
 .preloader {
   display: flex;
 }
</style>