css
   .loading-screen {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: #ffffff; /* Цвет фона */
       display: flex;
       justify-content: center;
       align-items: center;
       z-index: 9999; /* На переднем плане */
       opacity: 1;
       transition: opacity 1s ease;
   }

   .loading-animation {
       transform: scale(1);
       transition: transform 0.5s ease;
   }

   .loading-screen.hide {
       opacity: 0; /* Прозрачность для скрытия блока */
       pointer-events: none; /* Запрет взаимодействия с элементами */
   }