ul.rl-with-img {display:block;width:100%;margin:0;padding:0;list-style:none;}
ul.rl-with-img > li {display:inline-block;width:25%;padding:15px;margin:0;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;}
.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;}

@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%;}
}