.terminal-quest-panel {
  align-items: center;
  background: #101820;
  display: flex;
  justify-content: center;
  overflow: auto;
  padding: 16px;
  white-space: normal;
}

.terminal-quest-link {
  display: block;
  max-width: 100%;
}

.terminal-quest-image {
  border: 1px solid #263746;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
  display: block;
  height: auto;
  max-height: calc(100vh - 96px);
  max-width: 100%;
  object-fit: contain;
}

.terminal-quest-link:focus .terminal-quest-image,
.terminal-quest-link:hover .terminal-quest-image {
  border-color: #f2b705;
}

@media only screen and (max-width: 900px) {
  .pnl-container {
    flex-direction: column;
  }

  .pnl-teoria,
  .terminal-quest-panel {
    max-width: none;
    width: 100%;
  }
}