.chat-container {
  position: relative;
  width: 390px;
  height: 844px;
  overflow: hidden;
  margin: 2rem auto;
}

.chat-container img {
  width: 100%;
  height: auto;
  display: block;
}

.chat-overlay {
  position: absolute;
  top: 215px; /* Tweak to match the message bubble */
  left: 50px;
  width: 290px;
  font-family: 'BasierSquare', sans-serif;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}

.cursor {
  display: inline-block;
  width: 1px;
  background: #000;
  animation: blink 0.8s steps(2, start) infinite;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}