.blog-featured-media,
.blog-card-media,
.article-hero-media {
  position: relative;
}

.blog-featured-media::after,
.blog-card-media::after,
.article-hero-media::after {
  content: "";
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: #182033 url('/favicon.svg') center / 100% 100% no-repeat;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .22);
  pointer-events: none;
  z-index: 2;
}

.article-hero-media::after {
  right: 22px;
  bottom: 22px;
  width: 56px;
  height: 56px;
  border-radius: 13px;
}

@media (max-width: 680px) {
  .blog-featured-media::after,
  .blog-card-media::after {
    right: 10px;
    bottom: 10px;
    width: 38px;
    height: 38px;
    border-radius: 9px;
  }

  .article-hero-media::after {
    right: 14px;
    bottom: 14px;
    width: 46px;
    height: 46px;
    border-radius: 11px;
  }
}