.loginBG {
    background: rgb(255,255,255);
    /*    background: linear-gradient(128deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(0,212,255,0) 100%);*/
    background: url('../../assets/images/background/loginbg.svg'), linear-gradient(128deg, rgba(245,245,245,1) 45%, rgba(255,255,255,0.1) 100%);
    /*    background-image: url('../../assets/images/background/loginbg.svg'),linear-gradient(128deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%);*/
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-blend-mode: darken;
    background-size: auto;
    animation: mymove 18s infinite ease-in-out;
}

@keyframes mymove {
    0% {
        background-position: 100% 100%; /* Initial position */
        background-size: 100%;
    }

    50% {
        background-position: 100% 100%; /* Slight movement without jumping to center */
        background-size: 110%;
    }

    100% {
        background-position: 100% 100%; /* Return to initial position */
        background-size: 100%;
    }
}

/*=======================================================*/

.loginBGSlide {
    background: url('../../assets/images/background/megamenubg.jpg') no-repeat center center, url('../../assets/images/background/login-register.jpg') no-repeat right bottom, url('../../assets/images/background/loginBG1.svg') no-repeat right bottom;
    background-size: cover;
    position: relative;
    height: 100vh;
    width: 100vw;
    animation: imageSlide 15s infinite;
}

@keyframes imageSlide {
    0% {
        background-position: 0% 0%, 100% 0%, 200% 0%; /* Show first image */
    }

    33% {
        background-position: -100% 0%, 0% 0%, 100% 0%; /* Slide to second image */
    }

    66% {
        background-position: -200% 0%, -100% 0%, 0% 0%; /* Slide to third image */
    }

    100% {
        background-position: 0% 0%, 100% 0%, 200% 0%; /* Loop back to first image */
    }
}