.lds-6728d11761c8bgrid { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-6728d11761c8bgrid div { position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; animation: lds-6728d11761c8bgrid 1.2s linear infinite; } .lds-6728d11761c8bgrid div:nth-child(1) { top: 8px; left: 8px; animation-delay: 0s; } .lds-6728d11761c8bgrid div:nth-child(2) { top: 8px; left: 32px; animation-delay: -0.4s; } .lds-6728d11761c8bgrid div:nth-child(3) { top: 8px; left: 56px; animation-delay: -0.8s; } .lds-6728d11761c8bgrid div:nth-child(4) { top: 32px; left: 8px; animation-delay: -0.4s; } .lds-6728d11761c8bgrid div:nth-child(5) { top: 32px; left: 32px; animation-delay: -0.8s; } .lds-6728d11761c8bgrid div:nth-child(6) { top: 32px; left: 56px; animation-delay: -1.2s; } .lds-6728d11761c8bgrid div:nth-child(7) { top: 56px; left: 8px; animation-delay: -0.8s; } .lds-6728d11761c8bgrid div:nth-child(8) { top: 56px; left: 32px; animation-delay: -1.2s; } .lds-6728d11761c8bgrid div:nth-child(9) { top: 56px; left: 56px; animation-delay: -1.6s; } @keyframes lds-6728d11761c8bgrid { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } var avideoLoader = '