p {
  color: blue;
}
.container {
  position: relative;
  width: 40em;
  height: 30em;

  pointer-events: auto;
}

.container img {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  object-fit: cover;
}

a {
  position: absolute;
  top: 18em;
  left: 22em;
  background: white;
  color: black;

}


.arm-bench {
  z-index: 1;
  position: absolute;
  left: 5em;
  top: 6em;
  pointer-events: auto;
}


.searching-arm {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 1s infinite;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
  pointer-events: auto;
}

.bench {
  position: absolute;
  z-index: 2;
}

#giving-hand {
  top: 8em;
  left: 15em;

}

.shrug {
  animation: shrug 1.5s infinite;
  left: -5em;
  top: -3em;


}

#shrug1 {
  animation-delay: 0.75s;
}


.center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  border: 3px solid green;
}



@keyframes shrug {
  0% {opacity: 1;}
  49% {opacity: 1;}
  50% {opacity: 0;}
  99% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes shake {
  0%   { transform: translate(0, 0) rotate(0deg) scale(1); }
  5%   { transform: translate(-8px, 6px) rotate(-5deg) scale(1.02); }
  10%  { transform: translate(10px, -8px) rotate(6deg) scale(0.98); }
  15%  { transform: translate(-14px, 10px) rotate(-8deg) scale(1.04); }
  20%  { transform: translate(12px, -12px) rotate(10deg) scale(0.96); }
  25%  { transform: translate(-18px, 6px) rotate(-12deg) scale(1.05); }
  30%  { transform: translate(16px, 14px) rotate(14deg) scale(0.95); }
  35%  { transform: translate(-10px, -16px) rotate(-10deg) scale(1.03); }
  40%  { transform: translate(20px, -6px) rotate(32deg) scale(0.94); }
  45%  { transform: translate(-22px, 18px) rotate(-48deg) scale(1.06); }
  50%  { transform: translate(0, 0) rotate(0deg) scale(1.1); }
  55%  { transform: translate(18px, -14px) rotate(36deg) scale(0.96); }
  60%  { transform: translate(-16px, 12px) rotate(-12deg) scale(1.04); }
  65%  { transform: translate(14px, -18px) rotate(16deg) scale(0.95); }
  70%  { transform: translate(-20px, 10px) rotate(-14deg) scale(1.05); }
  75%  { transform: translate(12px, 16px) rotate(24deg) scale(0.97); }
  80%  { transform: translate(-10px, -14px) rotate(-10deg) scale(1.03); }
  85%  { transform: translate(16px, 8px) rotate(14deg) scale(0.98); }
  90%  { transform: translate(-18px, -10px) rotate(-16deg) scale(1.04); }
  95%  { transform: translate(10px, 12px) rotate(10deg) scale(0.99); }
  100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}