@media (max-width: 991.98px) {
  .sidebar {
    width: 100%;
    margin-bottom: 2em;
  }

  .sidebar__container {
    display: block;
  }

  .sidebar__content {
    padding-left: 0;
  }
}

.sidebar {
  width: 270px;
  flex-shrink: 0;
}

.sidebar__container {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}

.sidebar__content {
  flex-grow: 1;
  padding-left: 3em;
}