Create 6 CSS animations

We require 6 css animations for our Victoria Street site. We would like an overall size ratio of each animation to be 1:2. Artwork will all be outline based with just the glitter on each one having colour. There will be the following animations: 1 - Stocks of glitter - something showing boxes of glitters being piled up on racks. 2 - Cosmetic glitter - shows glitter being applied to face such as lips and eyes. 3 - Hex glitter - shows a machine producing glitter in hexagons with high shine. 4 - Custom shape glitter - show a machine making product of glitter in different shapes like butterflies, stars, triangles, circles. 5 - Craft application - shows glitter being applied a few different items. 6 - Custom production - shows finished products of glitter being put into different forms of packaging with made up company logos. These will all be placed on the front page on the website so as you scroll down, you see some text about the stock and the animation will take place.. then as you scroll again, you see information on cosmetic glitter with its animation etc. Please provide examples of CSS animation work you have carried out yourself.