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; } }