<div class="image-frame">
  <img src="your-image.jpg" alt="Your Image">
</div>

.image-frame {
  position: relative;
  height: 200px; /* 调整容器高度 */
  overflow: hidden;
}

.image-frame img {
  position: absolute;
  top: 0;
  left: 0;
  animation: floatAnimation 3s infinite ease-in-out; /* 如果效果不明显可以修改距离，也可以调整时间 */
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px); /* 调整上浮距离 */
  }
  100% {
    transform: translateY(0);
  }
}