.blog-info {
    display: flex;
    align-items: center;
}
.blog-date,
.blog-views{
    color: #4d4d4d;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.blog-date::before,
.blog-views::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 7px;
}
.blog-date::before {
    background: url('../img/calendar-blog-preview1.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.blog-views::before {
    background: url('../img/view-blog-preview1.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.blog-separator {
    width: 3px;
    height: 3px;
    background: #7b7b7b;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .blog-date::before, 
    .blog-views::before  {
        width: 22px;
        height: 22px;
        margin-right: 6px;
    }
    .blog-separator {
        margin-left: 8px;
        margin-right: 8px;
    }
}