.scanner-area {
    max-width: 300px;
    max-height:300px;
    margin: 1em auto;
    text-align: center;
    border: 3px solid white;
    box-shadow: 0 0 10px rgba(255, 255, 127, 0.8);
    border-radius: .5em;
    overflow: hidden;
    display:none;
    background-color: white;
}
.scanner-area video {
    max-height:300px;
}

@keyframes wiggle {
    0% { transform: rotate(0deg)scale(1)translate(0px,0px); }
   25% { transform: rotate(6deg)scale(1.2)translate(10px,3px); }
   50% { transform: rotate(-3deg)scale(0.7)translate(-2px,-2px); }
   75% { transform: rotate(5deg)scale(1.25)translate(4px,0px); }
  100% { transform: rotate(0deg)scale(1)translate(0px,0px); }
}

.wiggle {
  display: inline-block;
  animation: wiggle 2.5s infinite;
}