/* O container que segura a barra lateral */
aside {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* Alinha no topo para permitir a rolagem */
  align-self: stretch;
  /* FORÇA a aside a ter a altura total da página ao lado do conteúdo */
}

/* O elemento que vai flutuar dentro da aside */
section.aside-fix {
  position: sticky;
  top: 20px;
  /* Distância em pixels do topo da tela onde ela vai fixar */

  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50rem;
}

@media only screen and (max-width: 900px) {
  .aside-right section.aside-fix {
    width: 100%;
    height: 10rem;
  }
}

@media only screen and (max-width: 717px) {}