/* STYLES FOR BLOGS (Articles with "blog-post" class) */
  .blog-post {
    padding-top: 2em;
    display: grid;
    grid-template-columns: 10px 5fr 5px 6fr minmax(450px, 750px) 6fr 5px 5fr 10px;

  }

  .blog-post > * {
    grid-column: 5/-5;
    line-height: 1.5;
  }

  .blog-break {
    visibility: visible;
    width: 90%;
    margin-top: 3em;
    margin-bottom: 3em;
    border: 0.5px darkmagenta solid;
  }

  .blog-post > .blog-img-box {
    grid-column: 4/-4;
    width: 100%;
    overflow: hidden;
  }

  .blog-img {
    width: 100%;
    transition: all 0.3s;
  }

  .blog-img:hover {
    transform: scale(1.03);
  }