/* Blog content */

.blog-card {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
    position: relative;
}

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

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

.blog-card .blog-info {
    position: absolute;
    bottom: 5px;
    width: 100%;
    z-index: 10;
    background-color: #004750d6;
    color: var(--light);
}

.blog-card .blog-info .h5 {
    font-size: 1rem;
}

.blog-card .blog-info .h3 {
    font-weight: 700;
    font-size: 1.5rem;
}