.login-plane-bg {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.login-plane-bg::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    left: -30%;
    top: 42%;
    background-image: url("../../search/img/airplane-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.12;
    transform: rotate(-12deg);
    animation: plane-fly 14s linear infinite;
    animation-delay: -3s;
    will-change: transform;
}

@keyframes plane-fly {
    0% {
        transform: translate(0, 0) rotate(-12deg);
    }
    50% {
        transform: translate(65vw, -30vh) rotate(-12deg);
    }
    100% {
        transform: translate(140vw, -1vh) rotate(-12deg);
    }
}
