.block-posts article {
    display    : grid;
    align-items: start;
    container-type: inline-size;
}

.block-posts article .read-more {
    margin-top: auto !important;
}

.block-posts article .views{
    font-weight: 500;
    white-space: nowrap;
}

@container (max-width: 280px) {
    .block-posts article .separator {
        opacity: 0;
    }
}

.block-posts .post-image-link {
    min-height: 220px;
    overflow  : hidden;
    display   : block;
    position  : relative;
}

.block-posts .post-image-link::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-color: rgba(var(--spry-color-primary-rgb), .6);
    z-index: 1;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.block-posts .post-image-link:hover::before {
    opacity: 1;
}

.block-posts .post-image-link img {
    width     : 100%;
    height    : 100% !important;
    position  : absolute;
    inset     : 0;
    object-fit: cover;
    transition: transform .3s ease-in-out;
}

.block-posts .post-image-link:hover img {
    transform: scale(1.02);
}

.recent-posts .posts-container {
    background-color: transparent;
    padding-top: 0;
}

.recent-posts .block-posts {
    padding-top: 0;
}