.container {
  display: grid;
  gap: 1.5rem;
}

.overview {
  display: grid;
  gap: 1.7rem;
}

@media screen and (max-width: 950px) {
  .container {
    /* Full-width override styling */
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0 2rem 3.6rem;
    position: relative;
    right: 50%;
    width: 100dvw;
  }
}

@media screen and (min-width: 950px) {
  .overview {
    background-color: var(--some-grey-color, #f2f2f2);
    border-radius: 0.8rem;
    gap: 4rem;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    left: unset;
    margin-left: unset;
    margin-right: unset;
    padding: 3.5rem 2rem;
    position: static;
    right: unset;
    width: 100%;
  }
}

@media screen and (min-width: 1100px) {
  .overview {
    gap: 10rem;
    min-height: 35rem;
  }
}
