.productimg{
  max-width: 100%;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 1rem;
}


 /* 定义动画名称和关键帧 */
 @keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(100%); /* 初始位置在屏幕右侧 */
  }
  to {
    opacity: 1;
    transform: translateX(0); /* 结束位置在原点 */
  }
}

/* 应用动画到图片 */
.main1-image {
  width: 100%; /* 或者设置为特定宽度 */
  max-width: 500px; /* 图片最大宽度 */
  animation-name: slideInFromRight; /* 引用动画名称 */
  animation-duration: 1s; /* 动画持续时间 */
  animation-fill-mode: both; /* 动画完成后保持最后一帧状态 */
  animation-delay: 0.5s; /* 延迟0.5秒开始动画 */
}