css - figcaption 问题中的响应式头像

Question

我尝试在网站 (osakaairport.com) 的主页上使用响应式 aviatar，除了在 figcaption 中添加后，在桌面视图和媒体查询中都会出现问题，一切正常。

我应该修改的任何建议或解决方法。

figure {
max-width:100%;
    display: inline-block;
    float: left;
    margin: 0;
    text-align: center;
    padding: 0;
}

figcaption {
  background-color: black;
  color: white;
  font-size: 10px;

  font-style: italic;
  padding: 2px;
  text-align: center;
  margin: 4px;

}