.about img {
    width: 100%;
    height: auto;
    padding: 0;
    display: block;
    margin: 0 auto;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}

.certificates {
  display: flex;
  justify-content: center; /* Align certificates horizontally */
  gap: 20px; /* Space between certificates */
  padding: 20px;
}

.certificates img {
  width: 300px; /* Adjust certificate width */
  height: auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Add a subtle shadow for depth */
  border-radius: 5px; /* Optional: Add rounded corners */
}
@media (max-width: 1000px) {
  .certificates {
      flex-direction: column; /* Stack certificates vertically on smaller screens */
      align-items: center;
  }
}