<div class="lds-ripple"><div></div><div></div></div> <style> .lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ripple div { position: absolute; border: 4px solid #000; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; } 4.9% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; } 5% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } </style> <script> window.addEventListener('DOMContentLoaded', (event) => { var iframe = document.getElementById('GHEY4B2040GHZyA0gelt_1699473419719'); var spinner = document.getElementById('loading-spinner'); iframe.onload = function() { // Hide the spinner spinner.style.display = 'none'; // Show the iframe iframe.classList.add('is-loaded'); }; }); </script>