[data-image-cycle-item="active"] { transition: opacity 0.3s ease 0s, visibility 0s ease 0s; opacity: 1; visibility: visible; z-index: 3; } [data-image-cycle-item="previous"] { transition: opacity 0.3s ease 0.3s, visibility 0s ease 0.3s; opacity: 0; visibility: visible; z-index: 2; } [data-image-cycle-item="not-active"] { opacity: 0; visibility: hidden; z-index: 1; }