.gallery{--d:30s;display:grid;width:250px}.gallery>.animating-image-card-container{grid-area:1/1;width:calc(384px/1.2);height:calc(400px/1.5);object-fit:cover;border:1px solid #f2f2f2;border-radius:1rem;box-shadow:0 0 4px #0007;z-index:2;animation:slide var(--d) infinite,z-order var(--d) infinite steps(1)}.gallery .animating-image-card-container:last-child{animation-name:slide,z-order-last}.gallery>.animating-image-card-container:first-child{animation-delay:calc((1 - 1) / 5 * var(--d));--r:-20deg}.gallery>.animating-image-card-container:nth-child(2){animation-delay:calc((1 - 2) / 5 * var(--d));--r:10deg}.gallery>.animating-image-card-container:nth-child(3){animation-delay:calc((1 - 3) / 5 * var(--d));--r:-5deg}.gallery>.animating-image-card-container:nth-child(4){animation-delay:calc((1 - 4) / 5 * var(--d));--r:15deg}.gallery>.animating-image-card-container:nth-child(5){animation-delay:calc((1 - 5) / 5 * var(--d));--r:-10deg}@keyframes slide{10%{transform:translateX(120%) rotate(var(--r))}0%,20%,to{transform:translateX(0) rotate(var(--r))}}@keyframes z-order{10%,20%{z-index:1}80%{z-index:2}}@keyframes z-order-last{10%,20%{z-index:1}70%{z-index:2}}