.bank_interior {
  background-image: url(../../../assets/images/bank/main_banking_room/banking_room_bg.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  height: 100vh;
  -webkit-transition: all 4s;
  -o-transition: all 4s;
  -moz-transition: all 4s;
  transition: all 4s;
}

.bank_teller {
  position: absolute;
  height: 22vh;
  width: 24vh;
  bottom: 46vh;
  left: 50%;
  transform: translate(-14vh, 0);
}

.vault_entrance {
  position: absolute;
  height: 40vh;
  width: 24vh;
  bottom: 27vh;
  left: 50%;
  transform: translate(70vh, 0);
}

.bank_conv_bg {
  background-image: url(../../../assets/images/bank/main_banking_room/bank_teller_bg.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none;
}

.conv_image {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 80vh;
  max-width: 40vw !important;
  transform: translateX(-100%);
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  overflow: hidden;
  width: 50vw;
}

.convActive .conv_image {
  transform: translateX(0%);
}

.conv_char_ivy {
  display: block;
  max-width: 100%;
  max-height: 100%;
  background-image: url(../../../assets/images/bank/main_banking_room/ivy.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  width: 50vw;
  height: 80vh;
}

.conv_char_smoke {
  display: block;
  max-width: 100%;
  max-height: 100%;
  background-image: url(../../../assets/images/bank/main_banking_room/ivy_smoke.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  width: 50vw;
  height: 80vh;
  position: absolute;
  mix-blend-mode: exclusion;
  filter: blur(4px);
  left: 7vh;
}