#blog-post markdown-module img {
  margin: 4%;
}

#blog-post[data-name="improved-file-resolution"] header img,
#blog-post[data-name="bash-pipes-and-socket"] header img,
#blog-post[data-name="runtime"] header img {
  width: 20%;
}

#blog-post[data-name="rethinking-hiring-at-an-early-stage-deep-tech-startup"] header img {
  width: 82px;
  flter: grayscale(1) invert(1);
}

#blog-post[data-name="build-cross-platform-apps-faster"] header img {
  width: 128px;
}

#star-it {
  height: 24px;
  background-color: var(--tonic-accent);
  color: white;
  padding: 16px;
  border-radius: 6px;
  line-height: 20px;
  border: none;
}

#blog-post[data-name="tonic"] header img {
  background: #fff;
  border: 10px solid #fff;
}

#blog-post[data-name="hello-world"] header img {
  width: 128px;
}

#blog-post[data-name="live-reload"] header img {
  width: 128px;
}

#blog-post[data-name="default-security"] header img {
  width: 150px;
}

#blog-post[data-name="the-next-chapter-in-the-story-of-cloud-computing"] header img {
  width: 256px;
}

#blog-post[data-name="binary-sizes"] header img {
  width: 100px;
}

#blog-post[data-name="binary-sizes"] markdown-module img {
  border-radius: 12px;
  margin: 60px auto;
  display: block;
}

@media (max-width: 699px) {
  #blog-post[data-name="runtime"] header img {
    width: 90%;
  }
}