.image-container {
  position: relative;
  display: inline-block;
margin-top:45px;
}
 
.image-container img {
  display: block;
  width: 100%; /* 或者设置具体的宽度 */
  height: auto; /* 保持图片的原始宽高比 */
}
 
.text-overlay {
  position: absolute;
  top: 110%; /* 垂直居中 */
  left:52%; /* 水平居中 */
  transform: translate(-50%, -50%); /* 微调位置 */
  color:black; /* 文字颜色 */
  font-size: 17px; /* 文字大小 */
  background-color: rgba(0, 0, 0, 0.07); /* 文字背景，可选 */
  padding: 10px; /* 内边距 */
  border-radius: 5px; /* 圆角，可选 */
width: 230px;
}
a {
    text-decoration: none;
     color:black;
}
　　a:hover{color:#F00}
 
　　.diva{color:#090}
 
　　.diva:hover{color:#090}