.et_pb_blog_grid_wrapper .et_pb_ajax_pagination_container article {
  display: grid;
  grid-template-areas:
    'a'
    'b'
    'c'
    'd'
    'e';
}

.et_pb_blog_grid .column article {
  position: relative;
}

.et_pb_image_container {
  margin: -20px -20px 0 -20px;
  grid-area: a;
  opacity: 0.7;
  transition: all 0.3s ease;
}

/* Hover on post images */

.et_pb_blog_grid_wrapper
  .et_pb_ajax_pagination_container
  article:hover
  .et_pb_image_container {
  opacity: 1;
}
.entry-title {
  grid-area: b;
}
.post-content {
  grid-area: c;
}
.post-meta {
  text-align: right;
  grid-area: d;
  margin-top: -15px;
  margin-bottom: 20px !important;
}
.post-meta span {
  font-size: 12px;
}
.more-link {
  display: inline-block;
  margin-top: 10px !important;
}

.row-tag {
  position: absolute;
  top: 180px;
  left: -1px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.et_pb_post .post-meta a {
  display: block;
  color: #fff !important;
  padding: 5px 10px;
  font-size: 12px;
  margin-right: 5px;
  background-color: #7b6c93;
  text-decoration: none;
}
.et_pb_post .post-tag {
  position: absolute;
  bottom: 5px;
  left: 0;
}
.et_pb_post .post-tag a {
  display: inline-block;
  padding: 0 7px;
  background-color: #7b6c93;
  color: #fff;
  font-size: 11px;
}

@media screen and (min-width: 980px) and (max-width: 1123px) {
  .et_pb_post .post-tag a {
    font-size: 10px;
  }

  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3,
  .et_pb_gutters3.et_pb_row
    .et_pb_column_4_4
    .et_pb_blog_grid
    .column.size-1of3 {
    width: 32%;
    margin-right: 1.5%;
  }
}

@media screen and (max-width: 400px) {
  .row-tag {
    top: 160px;
  }
}
@media screen and (min-width: 401px) and (max-width: 440px) {
  .row-tag {
    top: 190px;
  }
}
@media screen and (min-width: 440px) and (max-width: 467px) {
  .row-tag {
    top: 200px;
  }
}

@media screen and (min-width: 468px) and (max-width: 490px) {
  .row-tag {
    top: 220px;
  }
}

@media screen and (min-width: 491px) and (max-width: 510px) {
  .row-tag {
    top: 220px;
  }
}
@media screen and (min-width: 511px) and (max-width: 530px) {
  .row-tag {
    top: 230px;
  }
}
@media screen and (min-width: 531px) and (max-width: 560px) {
  .row-tag {
    top: 250px;
  }
}
@media screen and (min-width: 561px) and (max-width: 590px) {
  .row-tag {
    top: 270px;
  }
}
@media screen and (min-width: 591px) and (max-width: 620px) {
  .row-tag {
    top: 280px;
  }
}
@media screen and (min-width: 621px) and (max-width: 650px) {
  .row-tag {
    top: 300px;
  }
}
@media screen and (min-width: 651px) and (max-width: 680px) {
  .row-tag {
    top: 305px;
  }
}
@media screen and (min-width: 681px) and (max-width: 710px) {
  .row-tag {
    top: 320px;
  }
}
@media screen and (min-width: 711px) and (max-width: 740px) {
  .row-tag {
    top: 330px;
  }
}
@media screen and (min-width: 741px) and (max-width: 767px) {
  .row-tag {
    top: 345px;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  .row-tag {
    top: 160px;
  }
}
@media screen and (min-width: 801px) and (max-width: 885px) {
  .row-tag {
    top: 180px;
  }
}
@media screen and (min-width: 886px) and (max-width: 910px) {
  .row-tag {
    top: 190px;
  }
}
@media screen and (min-width: 911px) and (max-width: 960px) {
  .row-tag {
    top: 200px;
  }
}
@media screen and (min-width: 960px) and (max-width: 980px) {
  .row-tag {
    top: 200px;
  }
}
@media screen and (min-width: 981px) and (max-width: 1051px) {
  .row-tag {
    top: 130px;
  }
}
@media screen and (min-width: 1051px) and (max-width: 1120px) {
  .row-tag {
    top: 140px;
  }
}
@media screen and (min-width: 1121px) and (max-width: 1150px) {
  .row-tag {
    top: 150px;
  }
}
@media screen and (min-width: 1151px) and (max-width: 1240px) {
  .row-tag {
    top: 160px;
  }
}