.article-blog {
    display: flex;
    flex-flow: column;
    position: relative;
    padding-bottom: 60px;
    justify-content: space-between;
}

.img-blog {
    flex: 0 1 auto;
    width: 100%;
    position: relative;
}

.img-blog:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.img-blog img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.content-blog {
    flex: 0 2 auto;
    width: 100%;
    position: relative;
}

.content-blog:before {
    content: '';
    display: block;
    padding-top: 100%;
    position: absolute;
}

.content-blog-title {
    height: 60px;
}

@media only screen and (max-device-width: 46.875rem) {
    .article-blog {
        padding-bottom: 20px;
    }

    .content-blog-title {
        height: 30px;
    }
}