body { 
    padding-top: 0; 
    background-color:#f0f7f5;
}
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #45b06cff; }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/*上下浮动的细菌*/
/* 定义关键帧动画 */
@keyframes shake {
  0%, 100% {
    transform: translateX(-5px); /* 向左移动 */
  }
  50% {
    transform: translateX(5px); /* 向右移动 */
  }
}

/* 将动画应用到图片元素 */
@keyframes shake1 {
  0%, 100% {
    transform: translateX(-5px); /* 向左移动 */
  }
  50% {
    transform: translateX(5px); /* 向右移动 */
  }
}

.cuso1{
  display: block; /* 确保图片是块级元素 */
  margin: 0 auto; /* 居中显示 */
  width: 100px; /* 设置图片宽度 */
  animation: shake1 1.5s infinite; /* 应用动画，持续时间为0.5秒，无限循环 */
}

@keyframes shake2 {
  0%, 100% {
    transform: translateY(-5px); 
  }
  50% {
    transform: translateY(5px); 
  }
}

.cuso2{
  display: block; /* 确保图片是块级元素 */
  margin: 0 auto; /* 居中显示 */
  width: 100px; /* 设置图片宽度 */
  animation: shake2 1.5s infinite; /* 应用动画，持续时间为0.5秒，无限循环 */
}

/* 定义关键帧动画 */
@keyframes scale {
  0%, 100% {
    transform: scale(1); /* 原始尺寸 */
  }
  50% {
    transform: scale(1.1); /* 放大到1.5倍 */
  }
}

/* 将动画应用到图片元素 */
.biggger{
  display: block; /* 确保图片是块级元素 */
  margin: 0 auto; /* 居中显示 */
  width: 100px; /* 设置图片宽度 */
  animation: scale 2s ease-in-out infinite; /* 应用动画 */
}

.container {
  display: flex;
  flex-direction: column; /* 或者 row 根据需要 */
  align-items: center; /* 水平居中 */
  justify-content: center; /* 垂直居中 */
}

.mh {
  display: flex;
  justify-content: center; /* 居中显示图片 */
  gap: 10px; /* 图片之间的间距 */
  margin-top: 20px; /* 与上文内容保持一定的间距 */
}

.mh img {
  width: auto; /* 自动宽度 */
  height: auto; /* 自动高度 */
  max-width: 100%; /* 最大宽度不超过容器 */
  max-height: 100vh; /* 最大高度不超过视口高度 */
  margin: 10px; /* 图片之间的间距 */
}