.glow-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5em;
  justify-items: center;
  margin-top: 1em;
}

.glow-frame {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 3px solid #00ffff;
  border-radius: 8px;
  box-shadow:
    0 0 4px #00ffff,
    0 0 8px #00ffff,
    0 0 16px #ff66cc,
    0 0 24px #ff66cc;
  transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.glow-frame:hover {
  box-shadow:
    0 0 8px #00ffff,
    0 0 12px #00ffff,
    0 0 24px #ff66cc,
    0 0 32px #ff66cc;
  transform: scale(1.02);
}