#loader, .morph-wrap { position: absolute; list-style: none; opacity: 0; height: 0; width: 0; visibility: hidden; overflow: hidden; pointer-events: none; background-color: rgba(92, 91, 87, 0.9); -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms; } .hidden { position: relative; list-style: auto; opacity: 1; height: auto; width: auto; visibility: visible; overflow: auto; pointer-events: auto; background-color: white; -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms; } .loading { height: 100%; overflow: visible; }