/**
 * 图片加载动画样式
 * 为除banner以外的所有图片添加向上的动画效果
 */

/* 初始状态：图片向下偏移并且透明度为0 */
.image-animation {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    will-change: opacity, transform; /* 优化性能 */
}

/* 动画状态：图片恢复到正常位置并且透明度为1 */
.animate-image {
    opacity: 1;
    transform: translateY(0);
}