.glider{display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);gap:0;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;margin:auto;padding:10px;border:10px solid #fff}.cell,.glider{border-radius:0}.cell{width:100%;height:100%;background-color:#fff;opacity:0;animation-duration:2s;animation-iteration-count:infinite}.glider #c1{animation-name:gliderCycleC1}.glider #c2{animation-name:gliderCycleC2}.glider #c3{animation-name:gliderCycleC3}.glider #c4{animation-name:gliderCycleC4}.glider #c5{animation-name:gliderCycleC5}.glider #c6{animation-name:gliderCycleC6}.glider #c7{animation-name:gliderCycleC7}.glider #c8{animation-name:gliderCycleC8}.glider #c9{animation-name:gliderCycleC9}@keyframes gliderCycleC1{0%,to{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}}@keyframes gliderCycleC2{0%,to{opacity:1}25%{opacity:0}50%{opacity:0}75%{opacity:0}}@keyframes gliderCycleC3{0%,to{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:0}}@keyframes gliderCycleC4{0%,to{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:0}}@keyframes gliderCycleC5{0%,to{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}}@keyframes gliderCycleC6{0%,to{opacity:1}25%{opacity:1}50%{opacity:1}75%{opacity:1}}@keyframes gliderCycleC7{0%,to{opacity:1}25%{opacity:0}50%{opacity:0}75%{opacity:1}}@keyframes gliderCycleC8{0%,to{opacity:1}25%{opacity:1}50%{opacity:1}75%{opacity:1}}@keyframes gliderCycleC9{0%,to{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}}