.blog img,
.blog-detail img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 576px) {
    .blog {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5em;
    }
}

@media (min-width: 992px) {
    .blog {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5em;
    }
}

.blog .wp-post-image {
    object-fit: cover;
    width: 100%;
}

.blog h2 a {
    color: inherit;
    text-decoration: inherit;
}

.blog-detail {
    margin-block-end: 4em;
}

.blog-detail .wp-post-image {
    max-height: 30em;
    object-fit: cover;
}