#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41, 16, 76, 0.8); /* Полупрозрачный фон */
    backdrop-filter: blur(10px); /* Эффект размытия */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Контейнер для картинок */
.preloader-images {
    position: relative;
    width: 100%; /* Базовый размер контейнера (для задней картинки) */
    height: 100%; /* Пропорциональная высота */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Статичная картинка (задняя) */
.static-image {
    min-width: 250px;
    width: 50vw; /* Заднее изображение занимает 30vw */
    height: auto; /* Пропорциональная высота */
    object-fit: cover;
    z-index: 1;
    opacity: 0.7; /* Легкая прозрачность */
}

/* Анимируемая картинка (передняя) */
.zooming-image {
    position: absolute;
    min-width: 250px;
    width: 10vw; /* Заднее изображение занимает 30vw */
    height: auto; /* Пропорциональная высота */
    object-fit: cover;
    animation: zoomInOut 0.8s ease-in-out infinite; /* Анимация */
    z-index: 2;
    opacity: 1; /* Полностью непрозрачное */
}

/* Анимация увеличения и уменьшения */
@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}