/* Preserve the official portrait's natural color and keep it secondary to the message. */
.scan {
  width: min(300px, 26vw);
  height: min(400px, 36vw);
  filter: none;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .38);
}
.scan::after {
  background: linear-gradient(
    180deg,
    rgba(77, 238, 234, .025),
    transparent 48%,
    rgba(186, 255, 42, .035)
  );
  mix-blend-mode: normal;
  pointer-events: none;
}
.scanline {
  background: rgba(77, 238, 234, .5);
  box-shadow: 0 0 9px rgba(77, 238, 234, .38);
  animation-duration: 5s;
}
@media (max-width: 800px) {
  .scan {
    width: 235px;
    height: 310px;
  }
}