●原因
wpp_get_mostpopularが出力する前に、ulタグがあり。
一覧を表示するリストのCSSとの関係で、画像が表示されなくなります。

.entry-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
}

上記の中に以下を定義している。

.entry-list ul>div {
  display: flex;
  flex-wrap: wrap;
}

写真は1:1で表示させる。
この時、ひと昔のpadding-topを用い、画像を表示する高さを設けている。図③

画面幅700px以下になると商品名(.entry-list h3)が非表示となる。

ulの下にでwpp_get_mostpopularで一覧を作成しており、flexの中にflexが入れ子となってる。図②
この為、商品名が非表示になると画像分の高さを保持するpadding-topが効かなくなる。
結果、画像が表示されなくなる。

---

●対策
コード中のulタグを削除してみて下さい。

それか以下を追加する。

.popular-ranking ul {
display: block;
}