.glow-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  max-width: 100%;
  margin: 1rem auto; 
  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;
  overflow: hidden;
}

.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);
}

.glow-frame img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}