3d images gallery

<style>@import url(https://fonts.googleapis.com/css?family=Anaheim);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->*{<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> outline: none;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->*:before,<!-- [et_pb_line_break_holder] -->*:after{<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->html,<!-- [et_pb_line_break_holder] -->body{<!-- [et_pb_line_break_holder] --> min-height: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->body{<!-- [et_pb_line_break_holder] --> background-image: radial-gradient(mintcream 0%, lightgray 100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->h1{<!-- [et_pb_line_break_holder] --> display: table;<!-- [et_pb_line_break_holder] --> margin: 5% auto 0;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> font-family: 'Anaheim', sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 4em;<!-- [et_pb_line_break_holder] --> font-weight: 400;<!-- [et_pb_line_break_holder] --> text-shadow: 0 1px white, 0 2px black;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.container{<!-- [et_pb_line_break_holder] --> margin: 4% auto;<!-- [et_pb_line_break_holder] --> width: 210px;<!-- [et_pb_line_break_holder] --> height: 140px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> perspective: 1000px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#carousel{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> animation: rotation 20s infinite linear;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#carousel:hover{<!-- [et_pb_line_break_holder] --> animation-play-state: paused;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#carousel figure{<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> width: 186px;<!-- [et_pb_line_break_holder] --> height: 116px;<!-- [et_pb_line_break_holder] --> left: 10px;<!-- [et_pb_line_break_holder] --> top: 10px;<!-- [et_pb_line_break_holder] --> background: black;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> border: solid 5px black;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(288px);}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);}<!-- [et_pb_line_break_holder] -->#carousel figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->img{<!-- [et_pb_line_break_holder] --> -webkit-filter: grayscale(1);<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> transition: all .5s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->img:hover{<!-- [et_pb_line_break_holder] --> -webkit-filter: grayscale(0);<!-- [et_pb_line_break_holder] --> transform: scale(1.2,1.2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes rotation{<!-- [et_pb_line_break_holder] --> from{<!-- [et_pb_line_break_holder] --> transform: rotateY(0deg);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> to{<!-- [et_pb_line_break_holder] --> transform: rotateY(360deg);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}</style>