.blog-feed-embed { 
    display: grid;
    gap: 1.5rem;
}
.blog-card {
    
}
.blog-post {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}
.blog-thumbnail {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}
.blog-post div { 
    flex: 1;
}
.blog-title { 
    color: var(--bs-primary) !important;
}
.blog-date {
    font-weight: 500;
    color: var(--bs-card-color) !important;
}
.blog-desc {
    color: var(--bs-card-color) !important;
}
@media only screen and (max-width: 1199px) {
    .blog-thumbnail {
        width: 140px;
        height: 140px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-thumbnail {
        width: 120px;
        height: 120px;
    }
}
@media only screen and (max-width: 375px) {
    .blog-thumbnail {
        width: 90px;
        height: 90px;
    }
}