.body, html {
height: 100%;
background-color: black;
background-image: url(https://i.postimg.cc/02KKFjsH/2397-1c40b5d8-10d0-44b8-b322-65f501470282.png);
}

.container {
  left: 50%;
  top: 25%;
  transform: translate(-50%,0);
  position: absolute;
}

.locker {
  background-image: url(https://i.postimg.cc/QM3dhDxW/shinonomichi-locker666.png);
  background-size: 100%;
  height: 420px;
  width: 600px;
  position: relative;
}

.hover-glow {
  position: absolute;
  transition: filter 0.25s ease;
}

.hover-glow:hover {
  filter:
    drop-shadow(0 0 6px rgba(255,255,255,0.8))
    drop-shadow(0 0 14px rgba(255,255,255,0.6))
    drop-shadow(0 0 24px rgba(255,255,255,0.4));
}

.doll {
  top: 150px;
  left: 250px;
}

.clover {
  top: 330px;
  left: 140px;
  transform: rotate(-20deg);
}

.collar {
  top: 320px;
  left: 380px;
}

.quote {
  width: 320px;
}