.box-container {
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  width: 100vw;
  height: 100vh;
  scroll-behavior: smooth;
}

.half-side {
  display: flex;
  width: 50%;
  padding: var(--space-xl);
}

@media (max-width: 375px) {
  .half-side {
  width: 100%;
  }
}