vezan

Рабочая очистка обтекания

.clear,
.clear:after,
.clear:before{
  content:"";
  display:block;
  clear:both;
}

Подключаете так

<div class="item clear"></div>
<div class="item--popular clear"></div>
<div class="item--credit clear"></div>
<div class="item--reviews clear"></div>

А то что вы делаете в 2018 году уже надо делать не на обтекании а на flexbox вот так

Добавьте к after display: block

Используйте transform scale для внутренней картинки.
https://codepen.io/aliencash/pen/RqROGJ?editors=1100#0

Совместимость: https://caniuse.com/#search=transform

Gulp/Дополнение для редактора (прим. Brackets → Less Autocompile)