.blog-posts {
    position: relative;
}

.blog-post-slider-item {
    border-radius: 6px;
    overflow: hidden;
    height: 100%;
    display: block;
    background: var(--primary-color);
}

.blog-post-slider-item .image {
    width: 100%;
    height: 200px;
}

.blog-post-slider-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.blog-post-slider-item .content h5 {
    color: #fff;
}

.blog-post-slider-item .content {
    color: #fff;
    padding: 20px 15px;
}