/* Стили для самолета */
body {
    overflow-y: scroll; /* Включаем вертикальную прокрутку */
}

.plane {
    width: 350px; /* Размер самолета */
    height: 350px;
	border: 1px;
	z-index:999;
    background-image: url('plane1.png'); /* Убедитесь, что путь правильный */
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    animation: fly 15s linear infinite; /* Уменьшили время анимации для большей динамики */
}

/* Анимация полета */
@keyframes fly {
    0% {
        left: -500px; /* Начинаем за пределами экрана слева */
        top: var(--start-top); /* Начальная высота */
        transform: rotateY(0deg); /* Самолет летит вправо */
    }
    49% {
        left: 100vw; /* Двигаемся до правого края экрана */
        top: var(--end-top); /* Резкое изменение высоты */
        transform: rotateY(0deg); /* Самолет все еще летит вправо */
    }
    50% {
        left: 100vw; /* За пределами экрана справа */
        top: var(--end-top); /* Сохраняем новую высоту */
        transform: rotateY(180deg); /* Поворачиваем самолет влево */
    }
    51% {
        left: 100vw; /* Начинаем движение справа */
        top: var(--end-top); /* Сохраняем новую высоту */
        transform: rotateY(180deg); /* Самолет летит влево */
    }
    99% {
        left: -500px; /* Двигаемся до левого края экрана */
        top: var(--start-top); /* Возвращаемся к начальной высоте */
        transform: rotateY(180deg); /* Самолет все еще летит влево */
    }
    100% {
        left: -500px; /* За пределами экрана слева */
        top: var(--start-top); /* Возвращаемся к начальной высоте */
        transform: rotateY(0deg); /* Поворачиваем самолет вправо */
    }
}