.shimmer {
  position: relative;

  border-radius: 30px;
  width: 100px;
  top: 0;
  left: 0;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="glass-reflection" cx="50%25" cy="50%25" r="50%25" fx="50%25" fy="50%25"><stop offset="0%25" style="stop-color:rgba(255, 255, 255, 0); stop-opacity:0" /><stop offset="50%25" style="stop-color:rgba(255, 255, 255, 0.3); stop-opacity:1" /><stop offset="100%25" style="stop-color:rgba(255, 255, 255, 0); stop-opacity:0" /></radialGradient></defs><rect width="100%25" height="100%25" fill="url(%23glass-reflection)" /></svg>') repeat;
  background-size: 200% 200%;
  /* Increase background size for smoother effect */
  animation: shimmer 3s infinite;
  /* Slow down the shimmer */
  pointer-events: none;
  /* Allow interactions to pass through to the image */
  z-index: 1;
  /* Ensure the shimmer is on top */

 
  /* Blur the edges of the shimmer */
  opacity: 1;
  /* Lower the opacity */
}

@keyframes shimmer {
  0% {
    background-position: 200% 200%;
  }

  100% {
    background-position: -200% -200%;
  }
}