.blog nav {
    justify-content: center;
}

.blog .blog-item {
    margin-bottom: 2rem;
}

.blog picture img {
    display: block;
    margin-bottom: 2rem;
    aspect-ratio: 5 / 3;
    object-fit: contain;
    width: 100%;
}

.blog h3 {
    margin-bottom: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog p {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (min-width:768px) {
    .blog .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}