.blog-post-image {
    overflow: hidden;
    transition: transform .5s ease;
}
.blog-post-image:hover {
    overflow: hidden;
    transform: scale(1.1);
}
.blog-post-related-img-section {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 35px;
    background-image: linear-gradient(to right, rgb(0 0 0 / 3%) 76.666%, #00000000 0%);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 27px 7px;
}
.blog-post-comment-section {
    position: relative;
    display: block;
    width: 96%;
    height: 10px;
    content: '';
    opacity: .2;
    background-color: #fff0;
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-position: 1px 1px;
    background-size: 5px 5px;
}