article.wrapper {
  place-items: baseline;
}

.article__intro-img {
  display: flex;
  flex-direction: row;
}
@media (max-width: 850px) {
  .article__intro-img {
    flex-direction: column;
  }
}

.article__intro-img > img {
  flex-direction: row;
  max-width: 30%;
  object-fit: contain;
}
@media (min-width: 850px) {
  .article__intro-img > img {
    margin-left: 10px;
  }
}
@media (max-width: 850px) {
  .article__intro-img > img {
    flex-direction: column;
    max-width: 90%;
    max-height: 20em;
  }
}

article > h1:first-of-type {
  font-size: 4rem;
  color: #000;
  line-height: 1.1;
  margin-bottom: 0.3rem;
}

.article__timestamp {
  margin-bottom: 2rem;
}

.article__description {
  font-weight: bold;
}

.controls {
  margin: 3rem 0 2rem;
}