.background-slider { position: relative; overflow: hidden; } .background-slider::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; animation: bgSlider 3s infinite; z-index: 0; transition: background-image 1s ease-in-out; } .background-slider .et_pb_row { position: relative; z-index: 1; } @keyframes bgSlider { 0% { background-image: url('https://ashfieldtouringcaravanpark.co.uk/wp-content/uploads/2025/06/Drive-Entrance.webp'); } 33% { background-image: url('https://ashfieldtouringcaravanpark.co.uk/wp-content/uploads/2025/06/Site-Entrance.webp'); } 66% { background-image: url('https://ashfieldtouringcaravanpark.co.uk/wp-content/uploads/2025/06/Site-Top-View.webp'); } 100% { background-image: url('https://ashfieldtouringcaravanpark.co.uk/wp-content/uploads/2025/06/Drive-Entrance.webp'); } }