.show3 #SLUGNAME.flipperitem { animation-name: fadethree; }
.show3 #SLUGNAME.flipperitem { animation-duration: calc((6s + 1s) * 3); }

.show4 #SLUGNAME.flipperitem { animation-name: fadefour; }
.show4 #SLUGNAME.flipperitem { animation-duration: calc((6s + 1s) * 4); }

.show5 #SLUGNAME.flipperitem { animation-name: fadefive; }
.show5 #SLUGNAME.flipperitem { animation-duration: calc((6s + 1s) * 5); }

.show6 #SLUGNAME.flipperitem { animation-name: fadesix; }
.show6 #SLUGNAME.flipperitem { animation-duration: calc((6s + 1s) * 6); }

/* FORMAT FOR ANIMATION DELAY
animation-delay: calc(-1 [don't change] * ((display_time + fade_time) * image_in_reverse_order))
*/

.show3 #SLUGNAME.flipperitem:nth-of-type(1) {animation-delay: calc(-1 * ((6s + 1s) * 3));}
.show3 #SLUGNAME.flipperitem:nth-of-type(2) {animation-delay: calc(-1 * ((6s + 1s) * 2));}
.show3 #SLUGNAME.flipperitem:nth-of-type(3) {animation-delay: calc(-1 * ((6s + 1s) * 1));}

.show4 #SLUGNAME.flipperitem:nth-of-type(1) {animation-delay: calc(-1 * ((6s + 1s) * 4));}
.show4 #SLUGNAME.flipperitem:nth-of-type(2) {animation-delay: calc(-1 * ((6s + 1s) * 3));}
.show4 #SLUGNAME.flipperitem:nth-of-type(3) {animation-delay: calc(-1 * ((6s + 1s) * 2));}
.show4 #SLUGNAME.flipperitem:nth-of-type(4) {animation-delay: calc(-1 * ((6s + 1s) * 1));}

.show5 #SLUGNAME.flipperitem:nth-of-type(1) {animation-delay: calc(-1 * ((6s + 1s) * 5));}
.show5 #SLUGNAME.flipperitem:nth-of-type(2) {animation-delay: calc(-1 * ((6s + 1s) * 4));}
.show5 #SLUGNAME.flipperitem:nth-of-type(3) {animation-delay: calc(-1 * ((6s + 1s) * 3));}
.show5 #SLUGNAME.flipperitem:nth-of-type(4) {animation-delay: calc(-1 * ((6s + 1s) * 2));}
.show5 #SLUGNAME.flipperitem:nth-of-type(5) {animation-delay: calc(-1 * ((6s + 1s) * 1));}


.show6 #SLUGNAME.flipperitem:nth-of-type(1) {animation-delay: calc(-1 * ((6s + 1s) * 6));}
.show6 #SLUGNAME.flipperitem:nth-of-type(2) {animation-delay: calc(-1 * ((6s + 1s) * 5));}
.show6 #SLUGNAME.flipperitem:nth-of-type(3) {animation-delay: calc(-1 * ((6s + 1s) * 4));}
.show6 #SLUGNAME.flipperitem:nth-of-type(4) {animation-delay: calc(-1 * ((6s + 1s) * 3));}
.show6 #SLUGNAME.flipperitem:nth-of-type(5) {animation-delay: calc(-1 * ((6s + 1s) * 2));}
.show6 #SLUGNAME.flipperitem:nth-of-type(6) {animation-delay: calc(-1 * ((6s + 1s) * 1));}

/*
IF NEEDED, USE THIS SHEET TO CALCULATE THE PERCENTAGES BELOW
https://tinyurl.com/y6lbb8qh
*/

@keyframes fadethree {
0.0%	{ opacity: 1; }
28.6%	{ opacity: 1; }
33.3%	{ opacity: 0; }
95.2%	{ opacity: 0; }
100.0%	{ opacity: 1; }
}

@keyframes fadefour {
0.0%	{ opacity: 1; }
21.4%	{ opacity: 1; }
25.0%	{ opacity: 0; }
96.4%	{ opacity: 0; }
100.0%	{ opacity: 1; }
}

@keyframes fadefive {
0.0%	{ opacity: 1; }
17.1%	{ opacity: 1; }
20.0%	{ opacity: 0; }
97.1%	{ opacity: 0; }
100.0%	{ opacity: 1; }
}

@keyframes fadesix {
0.0%	{ opacity: 1; }
14.3%	{ opacity: 1; }
16.7%	{ opacity: 0; }
97.6%	{ opacity: 0; }
100.0%	{ opacity: 1; }
}

.show3 #SLUGNAME.flipperitem:nth-of-type(n+4) { display: none; }
.show4 #SLUGNAME.flipperitem:nth-of-type(n+5) { display: none; }
.show5 #SLUGNAME.flipperitem:nth-of-type(n+6) { display: none; }
.show6 #SLUGNAME.flipperitem:nth-of-type(n+7) { display: none; }