# Loading Screen #1

### **Component Structure**

* **LS1 WRAPPER**: A fixed positioned full viewport overlay that houses the loading animation, identified by `ls1__component`.
* **LS1 IMAGE WRAPPER**: Holds three images for the loading animation, with `ls1__image-wrapper`.
* **LS1 IMAGE**: Contains three images (`image--1`, `image--2`, `image--3`), each initially hidden and then animated upon page load.&#x20;

### **Animation Structure**

* **LS1 - PAGELOAD**: A timeline that animates each image on page load. Each image scales and fades in sequentially before the entire loading screen moves up to uncover the main webpage content.&#x20;
