当缩小到响应时，如何将这些图像放置在徽标下？

Question

我在右侧的标题中有一个部分可以缩小，但右图像块的移动方式除外。图像调整得很好，但是一旦我开始按比例缩小，它们会进入徽标div然后放在它上面。

我如何将它们放置在徽标下方并相应地对齐，同时保持在标题中并且在我达到特定屏幕尺寸时不将显示器变为无？

Here是这些图像/徽章的jsbin的链接。实时网站是在Wordpress中，代码太多，无法发布。也许你只是使用Firebug或开发工具。

This是该网站的实时版本。

另外作为旁注：我在实际网站上启用了-190px的保证金。

以下是仅供参考的屏幕截图：

Answer 1

我成功解决了这个问题。我添加了一个单独的媒体查询：

    @media screen and (max-width: 479px) {

    .badges-container {
    position: relative;
    text-align: center;
    margin-top: 0px

    }

    .badges img {
     width: 19%;
}