Night Sky Spectrum

.banner { display: none; } @keyframes example { 0% { background-image: url("/sites/default/files/styles/media_library/public/Output_Landing/Assests 10.png"); background-size: contain; background-repeat: no-repeat; } 25% { background-image: url("/sites/default/files/styles/media_library/public/Output_Landing/Assests 11.png"); background-size: contain; background-repeat:no-repeat; } 50% { background-image: url("/sites/default/files/styles/media_library/public/Output_Landing/Assests 12.png"); background-size: contain; background-repeat:no-repeat; } 75% { background-image: url("/sites/default/files/styles/media_library/public/Output_Landing/Assests 13.png"); background-size: contain; background-repeat:no-repeat; } 100% { background-image: url("/sites/default/files/styles/media_library/public/Output_Landing/Assests 14.png"); background-size: contain; background-repeat:no-repeat; } } .banner_animation { display: block; margin-top: 0 !important; padding-left: 0; padding-right: 0; } .banner_animation .field__item > div { animation-name: example; animation-duration: 10s; animation-timing-function: ease; animation-iteration-count: infinite; } .banner_animation .field__item > div > img { visibility: hidden; width: 100%; } #footer .region-footer-first .list { display: block !important; visibility: visible !important; }