.image-expand-gallery-4 {
  display: flex;
  width: 100%;
  gap: 0px;
}

/* 单个卡片 */
.image-expand-gallery-4 .gallery-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0px;
  transition: flex 0.45s ease;
  position: relative;
  padding: 0 0px 0px;
}

/* 图片盒子 */
.image-expand-gallery-4 .img-box {
  width: 100%;
  height: 500px; 
  overflow: hidden;
  position: relative;
}

/* 图片 */
.image-expand-gallery-4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* 标题固定左上角 */
.image-expand-gallery-4 .title {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px 10px;
  background: rgba(0,0,0,0.0);
  color: #fff;
  font-size: 18px;
  z-index: 2;
  font-weight:700;
}

/* 描述文案，默认隐藏 */
.image-expand-gallery-4 .desc {
  position: absolute;
  top: 50px;
  left: 18px;
  right: 10px;
  color: #fff;
  font-size: 16px;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 2;
}

/* hover 时显示描述 */
.image-expand-gallery-4 .gallery-item:hover .desc {
  opacity: 1;
}

/* hover 拉开 */
.image-expand-gallery-4 .gallery-item:hover {
  flex: 2;
}

/* 手机端 */
@media (max-width: 768px) {
  .image-expand-gallery-4 {
    flex-direction: column;
  }
  .image-expand-gallery-4 .gallery-item {
    flex: unset;
  }
  .image-expand-gallery-4 .img-box {
    height: 300px;
  }
}