/* Add custom CSS styles below */ 
@keyframes wiggle {
  0%, 100% { transform: rotate(0deg); }
  15% { transform: rotate(-6deg); }
  30% { transform: rotate(6deg); }
  45% { transform: rotate(-4deg); }
  60% { transform: rotate(4deg); }
  75% { transform: rotate(0deg); }
}

img[alt="Link Image"] {
  animation: wiggle 3s ease-in-out infinite;
}

img[alt="Link Image"]:hover {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  img[alt="Link Image"] { animation: none; }
}
#compare-slider-1 {
  --divider-width: 4px !important;
  --divider-color: #ffffff !important;
  --divider-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !important;
  --default-handle-opacity: 5 !important;
  --default-handle-width: 120px !important;
  --default-handle-color: #ffffff !important;
  --default-handle-shadow: 0 0 4px #ffffff !important;
}

@media (max-width: 640px) {
  #compare-slider-1 {
    --default-handle-width: 90px !important;
  }
  #compare-slider-1 figcaption {
    font-size: 12px !important;
    line-height: 1.4 !important;
    padding: 6px 10px !important;
  }
}