.container-article {
  width: 50vw;
  margin: 0 auto 0 auto;

  @media screen and (max-width: calc(1024px - 1px)) {
    width: 100%;
    padding: 0 var(--margin-lg);
    width: 100%;
  }
}

.author-information {
  a {
    text-decoration: underline;

    &:hover {
      color: var(--colour-link-foreground);
    }
  }

  img {
    border-radius: 100%;
    height: 5vw;
    width: 5vw;

    @media screen and (max-width: calc(1024px - 1px)) {
      height: 50px;
      width: 50px;
    }
  }
}

.article-summary {
  img {
    height: auto;
  }
}

@media screen and (min-width: 480px) {
  .article-summary {
    img {
      width: 150px;
    }
  }
}

@media screen and (min-width: 1024px) {
  .article-summary {
    img {
      width: 15vw;
    }
  }
}

.article-sticky {
  position: sticky;
  top: 6vw;
}

@media screen and (max-width: calc(1200px - 1px)) {
  .article-sticky {
    top: 75px;
  }
}