- Create like above selected <div> structure
- Preload Main > Preload Logo Wrapper > Preload Grid > Logo
- Preloader Main (Style) -> width:100vw height:100vh -> Position: Fixed (z-index:9999)-> display: flex (align: center, justify: center)-> change background color
- Preloader Logo Wrapper(Style) ->height:60px overflow:none
- interactions -> page trigger -> preload -> action (when page finished load)
- Create the interaction name like Preload.
- In preload create the actions a) preload grid -> move ->(Y=60px [initial state] Y=0px[action state])
b) Preloader Main -> move ->(X=0%[initial state] X=-100%[action state])
