* { margin: 0; padding: 0; } .loader { position: fixed; top: 0; left: 0; background: lightgrey; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .img { display: flex; justify-content: center; align-items: center; background-color: black; width: 100vw; height: 100vh; } .disppear { animation: vanish 1s forwards; } @keyframes vanish { 100% { opacity: 0; visibility: hidden; } }