body{
    overflow: hidden;
}

@keyframes backgroundTransition {
    0% {
        background-image: url('src/assets/1.jpg');
        animation-timing-function: ease-out;
    }
    25% {
        background-image: url('src/assets/2.jpg');
        animation-timing-function: ease-in;
    }
    50% {
        background-image: url('src/assets/3.jpg');
        animation-timing-function: ease-out;
    }
    75% {
        background-image: url('src/assets/4.jpg');
        animation-timing-function: ease-in;
    }
    100% {
        background-image: url('src/assets/1.jpg');
        animation-timing-function: ease-out;
    }
}