Act as a front-end developer. Make an animation resembling a vertical carousel of screenshots. So, we have three screenshots 459px X 255px each. We have top, middle, and bottom horizontal positions. The top is on Y = 40px, the middle is on Y = 120px, and the bottom is on Y = 190px.
Screenshot #1 is in the top position, Z-index 0, opacity 20%, scaled to 80%. Screenshot #2 is in the middle position, Z-index 1, opacity 100%, scaled to 100%. Screenshot #3 is in the bottom position, Z-index 0, opacity 20%, scaled to 80%. All screenshots are center aligned.
Each phase of looped animation is 2s long.
Phase 1 - wait for 2 seconds. Nothing changes.
Phase 2 - Screenshot #2 goes to the bottom position, changes to opacity 20%, scale 80%, Z-index 0. Screenshot #1 goes to the middle position, changes to opacity 100%, scale 100%, Z-index 1. Screenshot #3 goes to the top position, changes to opacity 20%, scale 80%, Z-index 0.
Phase 3 - wait for 2 seconds. Nothing changes.
Phase 4 - Screenshot #1 goes to the bottom position, changes to opacity 20%, scale 80%, Z-index 0. Screenshot #3 goes to the middle position, changes to opacity 100%, scale 100%, Z-index 1. Screenshot #2 goes to the top position, changes to opacity 20%, scale 80%, Z-index 0.
Phase 5 - wait for 2 seconds. Nothing changes.
Phase 6 - Screenshot #3 goes to the bottom position, changes to opacity 20%, scale 80%, Z-index 0. Screenshot #2 goes to the middle position, changes to opacity 100%, scale 100%, Z-index 1. Screenshot #1 goes to the top position, changes to opacity 20%, scale 80%, Z-index 0.