.article__container > * {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .article__container > * {
    margin-bottom: 28px;
  }
}

.article__tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.article__image img {
  max-height: 50vh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 991.98px) {
  .article__image img {
    max-height: 35vh;
  }
}

.article__content img {
  width: calc(100% + 40px);
  margin-right: -20px;
  margin-left: -20px;
}
@media only screen and (min-width: 768px) {
  .article__content img {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.article__content h3 {
  margin-top: 20px;
}