 {
                      to {
                          transform: scale(4);
                          opacity: 0;
                      }
                  }
                  .animate-ripple {
                      animation: ripple 0.8s ease-out forwards;
                  }
              `;
              document.head.appendChild(style);
          }

          // Clean up observers on page unload
          window.addEventListener('unload', () => {
              resizeObserver.disconnect();
             