body{
    overflow: hidden;
}

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