#loader {
    position: fixed; /* Зафиксируем его в центре */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Делаем так, чтобы прелоадер был поверх других элементов */
    background-color: rgba(255, 255, 255, 0.8); /* Немного прозрачный фон */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}