/* components/Magnifier.module.css */
.magnifierContainer {
  position: relative;
  display: inline-block;
  max-width: 100%; /* Adjust as needed */
}

.image {
  display: block;
  max-width: 100%;
  height: auto; /* Maintain aspect ratio */
}

.magnifier {
  position: absolute;
  width: 160px; /* Adjust size of the magnifying glass */
  height: 160px;
  border: 2px solid #ddd; /* Visible border for debugging */
  border-radius: 50%;
  cursor: none;
  background-repeat: no-repeat;
  pointer-events: none;
  transform: translate(-50%, -50%);
}