<script>
(function() {
  'use strict';

  const elementsToHover = document.querySelectorAll('.აქ დაუწერეთ კლასი მაგალითად GEL');

  // loop
  elementsToHover.forEach(elementToHover => {
  const hoverImageURL = 'https://i.ibb.co/V3KRJP1/127815-319746-gtk-in-zoom-2.png'; // Shecvale linki axali suratistvis
  const containerElement = document.createElement('div');
  containerElement.style.position = 'relative';
   
  const hoverImageElement = document.createElement('img');
  hoverImageElement.src = hoverImageURL;
  hoverImageElement.style.zIndex = '9999';
  hoverImageElement.style.display = 'none';
  hoverImageElement.style.position = 'absolute';
  hoverImageElement.style.maxWidth = '62px'; // potos zoma
  hoverImageElement.style.pointerEvents = 'none'; // Make the logo element unclickable
   
  const leftOffset = -20; // Marcxniv
  const topOffset = -15; // Magla
   
  const centerX = elementToHover.offsetWidth / 2 - hoverImageElement.offsetWidth / 2 + leftOffset;
  const centerY = elementToHover.offsetHeight / 2 - hoverImageElement.offsetHeight / 2 + topOffset;
   
  hoverImageElement.style.left = `${centerX}px`;
  hoverImageElement.style.top = `${centerY}px`;
   
  containerElement.appendChild(elementToHover.cloneNode(true)); // Clone the original element
   
  containerElement.addEventListener('mouseenter', () => {
  hoverImageElement.style.display = 'block';
  });
   
  containerElement.addEventListener('mouseleave', () => {
  hoverImageElement.style.display = 'none';
  });
   
  containerElement.appendChild(hoverImageElement);
   
  // Replace the original element with the container
  elementToHover.parentNode.replaceChild(containerElement, elementToHover);
  });
})();

</script>