4pcs:1pc 7*7*5 (3*3*2 inch)+ 1pc 15*7*5(6*2*2 inch)+ 1pc 23*7*5(9*2*2 inch)+ 1pc 23*15*5(9*6*2 inch)
8pcs:2pcs 7*7*5 (3*3*2 inch)+ 2pcs 15*7*5(6*2*2 inch)+ 2pcs 23*7*5(9*2*2 inch)+ 2pcs 23*15*5(9*6*2 inch)
16pcs:6pcs 7*7*5 (3*3*2 inch)+ 5pcs 15*7*5(6*2*2 inch)+ 2pcs 15*15*5(5*5*2 inch)+ 2pcs 23*7*8(9*2*2 inch)+ 1pc 23*15*5(9*6*2 inch)
25pcs:8pcs 7*7*5 (3*3*2 inch)+ 8pcs 15*7*5(6*2*2 inch)+ 6pcs 23*7*5(9*2*2 inch)+ 3pcs 23*15*5(9*6*2 inch)
,
/*
Ensuring the carousel takes solely the distance it desires
The sizes have to be set back at the absolutely placed aspects so they can take in space
*/
,
/*
This centers the carousel vertically on top of the hero picture container and after the symbol field (125px)
Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
/*
Cards deserve to have a width set, otherwise they default to 50px or so
All playing cards should have an analogous width The carousel will resize itself so all playing cards take the width of the biggest card
The left margin is for leaving an area between each card
*/
/* styling the navigation buttons so they are taller, flush with the sides, and feature a clean white background */
,
,
,