HTML/CSS开发中图片为何无法贴合aside容器底部边框

这是一个基础HTML/CSS布局问题，表现为aside容器内的图片底部存在类似padding-bottom的多余间隙，图片无法紧贴容器底部，效果类似绝对定位元素未设置bottom:0的表现，重置body、相关容器的margin、padding为0后问题依然存在。

问题效果参考截图：

复现代码如下：

<aside class="aside">
  <h1>This is the aside</h1>
  <h2>
    Join this great community! 
  </h2>
  <div class="link-container">
    <a class="link" href="https://app.redpadel.com"> Link </a>
  </div>
  <div class="icon-container">    
    <svg
      width="160"
      height="161"
      viewBox="0 0 160 161"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12.9859 35.5114C12.9859 35.5114 14.7383 71.4143 37.308 84.3381C53.2318 93.4563 73.9771 87.9876 73.4958 75.7778C73.2413 69.3196 66.3035 68.1061 62.0894 70.5929C54.473 75.0874 59.0025 94.4066 67.3688 102.896C96.385 132.339 151.835 110.545 151.835 110.545"
        stroke="white"
        stroke-width="2"
        stroke-linecap="round"
      />
      <path
        d="M147.668 119.084L152.597 110.624L143.688 104.809"
        stroke="white"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>
  </div>
  <div class="img-container">
    <img
      class="image"
      :src="require('../assets/img/capsule_member.jpg')"
      alt="Padel team"
    />
  </div>
</aside>

<style scoped>
aside {
  background: rgb(19, 20, 21);
  width: 90%;
  margin: 0;
  padding: 0;
}
.link {
  color: #fff;
  text-decoration: none;
}
.image {
  width: 100%;
  height: 100%;
  margin: 0;   
}
.img-container {
  margin: 0;
  padding: 0;
}
</style>

<img>属于行内替换元素，默认vertical-align属性值为baseline，即与父元素的文本基线对齐。浏览器会为行内内容预留容纳字母下沉部分（如g、p、y等字母的下半延伸区域）的空间，这部分预留空间就是你看到的底部多余间隙，和margin、padding重置无关。

任意选择一种方案即可解决问题：

• 方案1：将图片转为块级元素，脱离行内布局流

.image {
  /* 保留原有样式，新增下方属性 */
  display: block;
}

• 方案2：修改图片垂直对齐规则，避开基线对齐

.image {
  /* 保留原有样式，新增下方属性 */
  vertical-align: bottom; /* 取值为top/middle也可达到相同效果 */
}

• 方案3：重置父容器行高，消除基线预留空间

.img-container {
  /* 保留原有样式，新增下方属性 */
  line-height: 0;
  font-size: 0; /* 兼容旧浏览器字体大小带来的额外间隙 */
}

内容的提问来源于stack exchange，提问作者Tomas Gil Amoedo