/* 竖直单列容器 */
.img-column{
  max-width: 900px;    /* 控制图片最大宽度，和PS画布宽度匹配 */
  margin: 0 auto;      /* 整体容器页面水平居中 */
  display: flex;
  flex-direction: column; /* 纵向排列，从上往下堆 */
  gap: 40px;           /* 图片和图片之间的空白间距，你可以改大小 */
  padding: 30px;
}

.my-img {
  width:100%;          /* 图片填满容器宽度 */
  height: 320px;       /* 图片高度，你可以调整，对应PS里紫色矩形高度 */
  object-fit: cover;   /* 图片不变形，填满矩形框 */
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
.my-img:hover {opacity: 0.7;}