#preloader { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #F5F2EF; transition: opacity 1.5s ease; opacity: 1; z-index: 9999; padding: 20% 20%; } #preloader-brw { width: 80vw; height: 80vh; max-width: 500px; max-height: 500px; display: flex; justify-content: center; align-items: center; } #preloader-brw svg { width: 100%; height: 100%; object-fit: contain; }