.aside {
  position: sticky;
  top: 1rem;
  left: 0;
  z-index: 2;
  height: auto;
  overflow-y: auto;
}

.aside-large {
  position: sticky;
  top: 5rem;
  right: 0;
  z-index: 2;
  height: calc(100vh - 7rem);
  overflow-y: auto;
}

@media screen and (max-width: 768px) {
  .aside {
    top: 0;
    border: 1px solid var(--bs-primary);
    border-top: none;
    margin-bottom: 20px;
  }
  .aside-large {
    top: 0;
    border: 1px solid var(--bs-primary);
    border-top: none;
    margin-bottom: 20px;
  }
}