/* Article */

.article-img {
  max-width: 576px;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
}

.article-img img {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.image-mockup {
  position: relative;
  display: inline-block;
}

.image-mockup img {
  display: block;
  width: 100%;
  opacity: 0;
}

.image-mockup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #cccccc;
}