.rel-article {padding:0 8px;}
ul.rl-with-img {display:block;margin:0 -8px;padding:0;list-style:none;}
ul.rl-with-img > li {display:inline-block;width:25%;padding:12px 8px;margin:0;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;transition:.2s;}
ul.rl-with-img > li:hover {transform:scale(1.01)}
.rl-img {width:100%;padding-bottom: 56.25%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;margin:0 0 15px;position:relative;}
.rl-img-link {display:block;position:absolute;left:0;top:0;right:0;bottom:0;}
.rl-with-img__link {text-decoration:none;border-bottom:1px solid;}

@media screen and (max-width: 760px) {
  ul.rl-with-img > li {width:50%;}
}
@media screen and (max-width: 540px) {
  ul.rl-with-img > li {width:100%;}
}