.social-links {
      display: flex;
      justify-content: center;
      gap: 25px;
      margin-bottom: 12px;
    }

    .social-links img {
      width: 32px;
      height: 32px;
      filter: grayscale(100%) brightness(0.8);
      transition: transform 0.3s, filter 0.3s;
    }

    .social-links img:hover {
      transform: scale(1.15);
      filter: grayscale(0%) brightness(1);
    }