.pic-1{ animation-delay: 6s; -o-animation-delay: 6s; -moz--animation-delay: 6s; -webkit-animation-delay: 6s; background: url( https://erlanggatirta.com/erp//img2/2187u1hpsnuli8o1ovf8psb9bkdmc01-pyXG1aiDEvzRHKfvvdf6XQ.jpeg ) no-repeat center center; background-size: cover; } .pic-2{ animation-delay: 12s; -o-animation-delay: 12s; -moz--animation-delay: 12s; -webkit-animation-delay: 12s; background: url( https://erlanggatirta.com/erp//img2/8489tqaco6btjud74it8h8rje3t7i1istockphoto-649871644-612x612.jpg ) no-repeat center center; background-size: cover; } .pic-3{ animation-delay: 18s; -o-animation-delay: 18s; -moz--animation-delay: 18s; -webkit-animation-delay: 18s; background: url( https://erlanggatirta.com/erp//img2/7631tqaco6btjud74it8h8rje3t7i1leoga_homewallpaper.jpg ) no-repeat center center; background-size: cover; } .pic-wrapper { background: url( https://erlanggatirta.com/erp//img2/7631tqaco6btjud74it8h8rje3t7i1leoga_homewallpaper.jpg ) no-repeat center center; background-size: cover; } figure { animation: slideShow 21s linear infinite 0s; -o-animation: slideShow 21s linear infinite 0s; -moz-animation: slideShow 21s linear infinite 0s; -webkit-animation: slideShow 21s linear infinite 0s; } @keyframes slideShow{0%{opacity:0;transform:scale(1);-ms-transform:scale(1)}4%{opacity:1}24%{opacity:1}28%{opacity:0;transform:scale(1.1);-ms-transform:scale(1.1)}100%{opacity:0;transform:scale(1);-ms-transformm:scale(1)}}@-o-keyframes slideShow{0%{opacity:0;-o-transform:scale(1)}4%{opacity:1}24%{opacity:1}28%{opacity:0;-o-transform:scale(1.1)}100%{opacity:0;-o-transformm:scale(1)}}@-moz-keyframes slideShow{0%{opacity:0;-moz-transform:scale(1)}4%{opacity:1}24%{opacity:1}28%{opacity:0;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transformm:scale(1)}}@-webkit-keyframes slideShow{0%{opacity:0;-webkit-transform:scale(1)}4%{opacity:1}24%{opacity:1}28%{opacity:0;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transformm:scale(1)}}