body {
    background-color: black;
    background-image: url('https://firefly.se/wp-content/uploads/2023/02/christopher-burns-8KfCR12oeUM-unsplash_02-1-1024x683.jpg');
    background-size: cover;
    height: 100vh;
    width: 100vw;
    overflow-y: hidden; 
    overflow-x: hidden;
}

#wholeeye {
    position: absolute;
    left: 20%;
    top: 20%;
    transition: all 5s ease-in-out;
}

#movingeye {
    transition: all 0.5s ease-in-out; 
    --eye-x: 0%;
    --eye-y: 0%;
    transform: 
        translateX(var(--eye-x))
        translateY(var(--eye-y));
}