.image-panels{display:grid;gap:2.5%;grid-template-columns:repeat(3,1fr);perspective:1000px;width:100%}.image-panels .image-wrapper{animation-duration:2s;animation-iteration-count:infinite;animation-play-state:paused;animation-timing-function:cubic-bezier(.22,.61,.36,1);box-shadow:0 7px 29px 0 rgba(100,100,111,.2);filter:grayscale(1);height:0;overflow:hidden;padding-top:236%;position:relative;transition:filter .6s ease;width:100%}.image-panels .image-wrapper.active{animation-name:alternateRotation;animation-play-state:running;filter:none}.image-panels .image-wrapper:nth-of-type(2n){margin-top:20%}.image-panels .image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}@keyframes alternateRotation{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}