/* Blog content */

.blog-card {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
    position: relative;
    background-color: var(--color-secondary);
    box-shadow: var(--box-shadow);
    color: var(--dark);
}

.blog-card .image-area {
    padding-top: 60%;
}

.larger-card .blog-card .image-area {
    padding-top: 50%;
}