/*on mobile screen*/
:root {
  --chat-bg-image-mobile: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.35),
    rgba(0, 0, 0, 0)
  );
}
@media (max-width: 600px) {
  .video-stream {
    height: calc(100%);
    width: calc(50% - var(--layout-margin));
    margin-left: calc(0.5 * var(--layout-margin));
    margin-right: calc(0.5 * var(--layout-margin));
  }

  .log-container {
    top: 0%;
    left: 15%;
    height: 75%;
    width: 80%;
  }
}