.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;
  }
}